"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import MediaAbout from '@/components/sections/about/MediaAbout';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeMediumTitles"
      background="none"
      cardStyle="layered-gradient"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Heavenly Desserts"
          navItems={[
            { name: "Home", id: "#hero" },
            { name: "Menu", id: "#menu" },
            { name: "Gallery", id: "#luxury-grid" },
            { name: "About", id: "#about" },
            { name: "Reviews", id: "#social-proof" },
            { name: "Contact", id: "#contact" },
            { name: "Reserve Table", id: "#contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCentered
          title="Indulgence, Elevated."
          description="Surrey's destination for handcrafted desserts, artisan drinks, and unforgettable moments. ★★★★★ 4.5 Rating • 591+ Reviews • Dine-In • Takeout"
          background={{ variant: "plain" }}
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg", alt: "Customer 1" },
            { src: "http://img.b2bpic.net/free-photo/coffee-time-me-please_329181-17310.jpg", alt: "Customer 2" },
            { src: "http://img.b2bpic.net/free-photo/closeup-portrait-young-beautiful-smiling-hipster-woman-trendy-summer-clothes-sexy-carefree-woman-posing-street-background-sunset-positive-model-outdoors-biting-her-lips_158538-20097.jpg", alt: "Customer 3" },
            { src: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-looking-happy_1298-197.jpg", alt: "Customer 4" }
          ]}
          buttons={[
            { text: "Reserve a Table", href: "#contact" },
            { text: "View Menu", href: "#menu" }
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="luxury-grid" data-section="luxury-grid">
        <FeatureCardThree
          title="Every Dessert is a Celebration"
          description="Crafted with premium ingredients and presented with artistic flair, our desserts are designed to delight every sense."
          features={[
            { title: "Pistachio Cheesecake", description: "Rich, creamy, and exquisitely balanced.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-berries-near-cupcake_23-2147793013.jpg", imageAlt: "Pistachio Cheesecake" },
            { title: "Signature Waffles", description: "Golden, fluffy, and perfectly topped.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-waffles-plate-with-melted-cheese_23-2148422745.jpg", imageAlt: "Signature Waffles" },
            { title: "Decadent Cookie Dough", description: "Warm, gooey, and utterly irresistible.", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-chips-cookie-dough-spoon-top-view_23-2149556935.jpg", imageAlt: "Cookie Dough" },
            { title: "Artisan Milkshakes", description: "Creamy, indulgent, and a visual delight.", imageSrc: "http://img.b2bpic.net/free-photo/glass-drink-with-whipped-cream_23-2148209407.jpg", imageAlt: "Artisan Milkshakes" },
            { title: "Elegant Interiors", description: "The perfect backdrop for your sweet moments.", imageSrc: "http://img.b2bpic.net/free-photo/rustic-chandelier-made-bulbs-ropes-dining-table-vintage-kitchen_181624-9173.jpg", imageAlt: "Elegant Interior Seating" }
          ]}
          gridVariant="bento-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="signature-collection" data-section="signature-collection">
        <FeatureCardThree
          title="Signature Collection"
          description="Discover our most celebrated creations, crafted with passion and precision."
          features={[
            { title: "Pistachio Collection", description: "Rich flavors inspired by the world's most beloved nut.", imageSrc: "http://img.b2bpic.net/free-photo/green-pancakes-with-matcha-powder-with-red-jam-top-view_114579-7015.jpg", imageAlt: "Pistachio Collection Desserts" },
            { title: "Signature Waffles", description: "Golden, handcrafted waffles topped with premium ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-waffle-cakes-with-chocolate-bars-brown-background_140725-133449.jpg", imageAlt: "Signature Waffles" },
            { title: "Artisan Milkshakes", description: "Creamy, indulgent creations finished to perfection.", imageSrc: "http://img.b2bpic.net/free-photo/iced-chocolate_1339-4420.jpg", imageAlt: "Artisan Milkshakes" }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          buttons={[
            { text: "Explore Menu", href: "#menu" }
          ]}
          buttonAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="More Than Dessert"
          description="Experience soft lighting, elegant décor, and a welcoming atmosphere designed for everything from casual coffee dates to family celebrations.  \n✓ Elegant Seating  \n✓ Family Friendly  \n✓ Perfect for Date Nights  \n✓ Instagram-Worthy Interior  \n✓ Late Night Desserts"
          imageSrc="http://img.b2bpic.net/free-photo/modern-cafe-interior-design_23-2151945689.jpg"
          imageAlt="Luxury Dessert Lounge Interior"
          videoAriaLabel="Atmosphere section video"
          mediaAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <TestimonialCardThirteen
          title="Loved by Surrey"
          description="4.5 ★ Rating • 591+ Reviews"
          testimonials={[
            { id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "The most beautiful and elegant atmosphere. Soft pastel tones and luxurious vibes.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/companions-eating-outdoors-cake-barbeque-party_23-2149366186.jpg", imageAlt: "Sarah Johnson" },
            { id: "2", name: "Michael Chen", handle: "@michaelc", testimonial: "Everything about the experience was amazing, from the service to the desserts.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-looking-her-man-while-they-eating-breakfast_171337-4940.jpg", imageAlt: "Michael Chen" },
            { id: "3", name: "Emily Rodriguez", handle: "@emilyr", testimonial: "Desserts that truly live up to the name. A must-visit for any sweet tooth!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-cheesecake-with-chocolate-oval-plate-woman-hands-cookies-xmas-gifts-grey-surface-free-space_140725-62337.jpg", imageAlt: "Emily Rodriguez" },
            { id: "4", name: "David Kim", handle: "@davidk", testimonial: "Always a pleasure to visit. The presentation is outstanding and the taste even better.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-white-stylish-shirt-photographing-blonde-cheerful-woman-with-eyeglasses-light-blouse-red-orange_197531-19141.jpg", imageAlt: "David Kim" },
            { id: "5", name: "Jessica Lee", handle: "@jessical", testimonial: "Perfect for special occasions or just a luxurious treat. Highly recommend!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101915.jpg", imageAlt: "Jessica Lee" }
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardTwo
          title="Featured Menu Preview"
          description="Indulge in our exquisite selection of handcrafted delights."
          products={[
            { id: "p1", brand: "Heavenly Desserts", name: "Signature Waffles", price: "$12.00 - $18.00", rating: 5, reviewCount: "250", imageSrc: "http://img.b2bpic.net/free-photo/strawberry-ice-cream-with-waffle-oreo_140725-8819.jpg", imageAlt: "Signature Waffles" },
            { id: "p2", brand: "Heavenly Desserts", name: "Artisan Cheesecakes", price: "$10.00 - $15.00", rating: 5, reviewCount: "180", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-creamy-cake-with-choco-biscuits-cup-tea-light-dark-background_140725-80157.jpg", imageAlt: "Artisan Cheesecakes" },
            { id: "p3", brand: "Heavenly Desserts", name: "Decadent Cookie Dough", price: "$11.00 - $17.00", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/delightful-tasty-dessert-celebration_140725-113338.jpg", imageAlt: "Decadent Cookie Dough" },
            { id: "p4", brand: "Heavenly Desserts", name: "Gourmet Milk Cakes", price: "$9.00 - $14.00", rating: 5, reviewCount: "160", imageSrc: "http://img.b2bpic.net/free-photo/green-tea-cakes_74190-1560.jpg", imageAlt: "Gourmet Milk Cakes" },
            { id: "p5", brand: "Heavenly Desserts", name: "Creamy Milkshakes", price: "$8.00 - $13.00", rating: 5, reviewCount: "195", imageSrc: "http://img.b2bpic.net/free-photo/front-view-milkshake-wih-pink-background_23-2148296055.jpg", imageAlt: "Creamy Milkshakes" },
            { id: "p6", brand: "Heavenly Desserts", name: "Specialty Coffee", price: "$5.00 - $7.00", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-beer-wheat-seeds-cup_23-2148726871.jpg", imageAlt: "Specialty Coffee" }
          ]}
          carouselMode="buttons"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="special-occasions" data-section="special-occasions">
        <MediaAbout
          title="Celebrate Life's Sweetest Moments"
          description="Our luxurious lounge is the perfect setting for all your special gatherings:\n\n✓ Birthday Gatherings\n✓ Date Nights\n✓ Family Outings\n✓ Girls' Night Out\n✓ Dessert Dates"
          imageSrc="http://img.b2bpic.net/free-photo/sharing-birthday-cake_1098-15518.jpg"
          imageAlt="People celebrating with desserts"
          mediaAnimation="slide-up"
          buttons={[
            { text: "Reserve Your Table", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <MediaAbout
          title="Visit Heavenly Desserts"
          description="15795 Croydon Dr Unit 110\nSurrey, BC\n\n**Hours:**\nMon-Thu: 12 PM - 10 PM\nFri-Sat: 12 PM - 11 PM\nSun: 12 PM - 10 PM"
          imageSrc="http://img.b2bpic.net/free-photo/travel-composition-with-slate_23-2147982057.jpg"
          imageAlt="Map of Heavenly Desserts Morgan Crossing"
          mediaAnimation="slide-up"
          buttons={[
            { text: "Call Now", href: "tel:+1234567890" },
            { text: "Get Directions", href: "https://www.google.com/maps/dir/?api=1&destination=15795+Croydon+Dr+Unit+110+Surrey+BC" },
            { text: "Order Online", href: "#" }
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="sweet-club" data-section="sweet-club">
        <ContactCenter
          tag="Exclusive Offers"
          title="Join the Sweet Club"
          description="Get updates on new desserts, seasonal specials, and exclusive offers."
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your email"
          buttonText="Sign Up"
          termsText="By clicking Sign Up you're confirming that you agree with our Terms and Conditions."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Heavenly Desserts"
          columns={[
            { items: [{ label: "Menu", href: "#menu" }, { label: "Specials", href: "#menu" }, { label: "Seasonal", href: "#menu" }] },
            { items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
            { items: [{ label: "Contact", href: "#contact" }, { label: "Reservations", href: "#contact" }] },
            { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
          ]}
          useInvertedBackground={true}
        />
      </div>
    </ThemeProvider>
  );
}
