import { Card, CardContent } from '@/components/ui/card';
import { Button } from '@/components/ui/button';
import { useState } from 'react';
 
export default function DigitalMarketingSlide() {
  const [slides, setSlides] = useState([
    { title: 'Introduction to Smart Backhaul', content: 'Overview of the platform and its services' },
    { title: 'Digital Marketing Strategy', content: 'Key strategies for commercialization and reaching target audience' },
    { title: 'Omni-Channel Marketing', content: 'Integrating multiple marketing channels for better engagement' },
    { title: 'AI Transport Matching', content: 'How AI is used in the platform for optimizing logistics' },
    { title: 'Conclusion', content: 'Summarizing the benefits and impact of Smart Backhaul in the industry' }
  ]);
 
  return (
    <div className='grid gap-4 p-4'>
      {slides.map((slide, index) => (
        <Card key={index} className='rounded-2xl shadow-lg'>
          <CardContent>
            <h2 className='text-xl font-bold'>{slide.title}</h2>
            <p>{slide.content}</p>
          </CardContent>
        </Card>
      ))}
      <Button className='mt-4' onClick={() => alert('Next slide will be created here')}>Next</Button>
    </div>
  );
}
 

aW1wb3J0IHsgQ2FyZCwgQ2FyZENvbnRlbnQgfSBmcm9tICdAL2NvbXBvbmVudHMvdWkvY2FyZCc7CmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJ0AvY29tcG9uZW50cy91aS9idXR0b24nOwppbXBvcnQgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JzsKCmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIERpZ2l0YWxNYXJrZXRpbmdTbGlkZSgpIHsKICBjb25zdCBbc2xpZGVzLCBzZXRTbGlkZXNdID0gdXNlU3RhdGUoWwogICAgeyB0aXRsZTogJ0ludHJvZHVjdGlvbiB0byBTbWFydCBCYWNraGF1bCcsIGNvbnRlbnQ6ICdPdmVydmlldyBvZiB0aGUgcGxhdGZvcm0gYW5kIGl0cyBzZXJ2aWNlcycgfSwKICAgIHsgdGl0bGU6ICdEaWdpdGFsIE1hcmtldGluZyBTdHJhdGVneScsIGNvbnRlbnQ6ICdLZXkgc3RyYXRlZ2llcyBmb3IgY29tbWVyY2lhbGl6YXRpb24gYW5kIHJlYWNoaW5nIHRhcmdldCBhdWRpZW5jZScgfSwKICAgIHsgdGl0bGU6ICdPbW5pLUNoYW5uZWwgTWFya2V0aW5nJywgY29udGVudDogJ0ludGVncmF0aW5nIG11bHRpcGxlIG1hcmtldGluZyBjaGFubmVscyBmb3IgYmV0dGVyIGVuZ2FnZW1lbnQnIH0sCiAgICB7IHRpdGxlOiAnQUkgVHJhbnNwb3J0IE1hdGNoaW5nJywgY29udGVudDogJ0hvdyBBSSBpcyB1c2VkIGluIHRoZSBwbGF0Zm9ybSBmb3Igb3B0aW1pemluZyBsb2dpc3RpY3MnIH0sCiAgICB7IHRpdGxlOiAnQ29uY2x1c2lvbicsIGNvbnRlbnQ6ICdTdW1tYXJpemluZyB0aGUgYmVuZWZpdHMgYW5kIGltcGFjdCBvZiBTbWFydCBCYWNraGF1bCBpbiB0aGUgaW5kdXN0cnknIH0KICBdKTsKCiAgcmV0dXJuICgKICAgIDxkaXYgY2xhc3NOYW1lPSdncmlkIGdhcC00IHAtNCc+CiAgICAgIHtzbGlkZXMubWFwKChzbGlkZSwgaW5kZXgpID0+ICgKICAgICAgICA8Q2FyZCBrZXk9e2luZGV4fSBjbGFzc05hbWU9J3JvdW5kZWQtMnhsIHNoYWRvdy1sZyc+CiAgICAgICAgICA8Q2FyZENvbnRlbnQ+CiAgICAgICAgICAgIDxoMiBjbGFzc05hbWU9J3RleHQteGwgZm9udC1ib2xkJz57c2xpZGUudGl0bGV9PC9oMj4KICAgICAgICAgICAgPHA+e3NsaWRlLmNvbnRlbnR9PC9wPgogICAgICAgICAgPC9DYXJkQ29udGVudD4KICAgICAgICA8L0NhcmQ+CiAgICAgICkpfQogICAgICA8QnV0dG9uIGNsYXNzTmFtZT0nbXQtNCcgb25DbGljaz17KCkgPT4gYWxlcnQoJ05leHQgc2xpZGUgd2lsbCBiZSBjcmVhdGVkIGhlcmUnKX0+TmV4dDwvQnV0dG9uPgogICAgPC9kaXY+CiAgKTsKfQo=