"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="compact"
        sizing="mediumLargeSizeMediumTitles"
        background="blurBottom"
        cardStyle="glass-depth"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Menu",
          id: "menu",
        },
        {
          name: "Our Story",
          id: "about",
        },
        {
          name: "Visit",
          id: "visit",
        },
      ]}
      brandName="Portico Coffee"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "gradient-bars",
      }}
      title="Proper Coffee. Beautifully Served."
      description="Portico Coffee is your hidden gem in Colorado Springs. Handcrafted espresso, warm hospitality, and a refined cafe experience."
      buttons={[
        {
          text: "View Menu",
          href: "#menu",
        },
        {
          text: "Visit Portico",
          href: "#visit",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/coffee-cafe-caffeine-drinking-beverage_53876-23303.jpg",
          imageAlt: "Espresso pour",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-barista-girl-making-coffee-pouring-steamed-milk-into-cappuccino-doing-latte-art-cup_1258-203385.jpg",
          imageAlt: "Coffee focus",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-preparing-drink-with-milk_23-2148865605.jpg",
          imageAlt: "Latte art",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/street-cafe-old-town-rhodes-journey-through-popular-places-dodecanese-archipelago-greece_166373-3792.jpg",
          imageAlt: "Cafe vibe",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/cup-creamy-coffee-cutlery_250224-146.jpg",
          imageAlt: "Maple latte",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/wide-angle-shot-mesa-grande-sunset-san-diego_181624-20956.jpg",
          imageAlt: "Mountain view",
        },
      ]}
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Google",
        "Yelp",
        "TripAdvisor",
        "Local Guides",
        "Facebook",
        "Instagram",
        "Coffee Mapper",
      ]}
      title="44+ Five-Star Reviews"
      description="Loved by locals for our perfect espresso and friendly service."
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="A Family-Run Espresso Experience"
      description="At Portico, we believe coffee is about connection. Born from a love for craft and community, our boutique cart offers refined coffee quality without the pretension, served with genuine warmth in the heart of Colorado Springs."
      metrics={[
        {
          value: "100%",
          title: "Handcrafted",
        },
        {
          value: "5.0",
          title: "Rating",
        },
        {
          value: "Local",
          title: "Owned",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/making-drip-coffee-vintage-coffee-shop-with-green-garden-nature_1150-14516.jpg"
      imageAlt="Our coffee cart family"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          name: "Maple Cinnamon Latte",
          brand: "Signature",
          price: "$6.00",
          rating: 5,
          reviewCount: "120",
          imageSrc: "http://img.b2bpic.net/free-photo/cup-creamy-coffee-cutlery_250224-109.jpg",
        },
        {
          id: "2",
          name: "Aussie Mocha",
          brand: "Classic",
          price: "$5.50",
          rating: 5,
          reviewCount: "89",
          imageSrc: "http://img.b2bpic.net/free-photo/glass-three-layered-latte-with-latte-art-top_140725-4881.jpg",
        },
        {
          id: "3",
          name: "Caramel Affogato",
          brand: "Indulgent",
          price: "$7.00",
          rating: 5,
          reviewCount: "45",
          imageSrc: "http://img.b2bpic.net/free-photo/hot-cup-caramel-coffee-with-cream_140725-7520.jpg",
        },
        {
          id: "4",
          name: "Cappuccino",
          brand: "Traditional",
          price: "$4.50",
          rating: 5,
          reviewCount: "210",
          imageSrc: "http://img.b2bpic.net/free-photo/high-view-cup-coffee-with-wooden-background_23-2148251677.jpg",
        },
        {
          id: "5",
          name: "Espresso",
          brand: "Pure",
          price: "$3.00",
          rating: 5,
          reviewCount: "150",
          imageSrc: "http://img.b2bpic.net/free-photo/overhead-vertical-shot-coffee-beans-great-background-blog_181624-4353.jpg",
        },
        {
          id: "6",
          name: "Seasonal Brew",
          brand: "Limited",
          price: "$5.00",
          rating: 5,
          reviewCount: "98",
          imageSrc: "http://img.b2bpic.net/free-photo/cocktail_23-2148176769.jpg",
        },
      ]}
      title="Our Featured Drinks"
      description="Refined espresso creations made with intention."
    />
  </div>

  <div id="experience" data-section="experience">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Chill Atmosphere",
          description: "Relaxed vibes and cozy setting.",
          buttonIcon: "Coffee",
          imageSrc: "http://img.b2bpic.net/free-photo/female-barista-with-mask-working-coffee-shop_23-2148824451.jpg",
          imageAlt: "Female barista with mask working in the coffee shop",
        },
        {
          title: "Beautiful Setting",
          description: "Coffee with a mountain view.",
          buttonIcon: "Mountain",
          imageSrc: "http://img.b2bpic.net/free-photo/coffee-cafe-caffeine-drinking-beverage_53876-23303.jpg",
          imageAlt: "Female barista with mask working in the coffee shop",
        },
        {
          title: "Friendly Service",
          description: "Hospitality is in our blood.",
          buttonIcon: "Heart",
          imageSrc: "http://img.b2bpic.net/free-photo/making-drip-coffee-vintage-coffee-shop-with-green-garden-nature_1150-14516.jpg",
          imageAlt: "Female barista with mask working in the coffee shop",
        },
        {
          title: "Expert Craft",
          description: "Every pour is intentional.",
          buttonIcon: "Award",
          imageSrc: "http://img.b2bpic.net/free-photo/cup-creamy-coffee-cutlery_250224-146.jpg",
          imageAlt: "Female barista with mask working in the coffee shop",
        },
      ]}
      title="The Portico Vibe"
      description="More than just coffee—it's an elevated break in your day."
    />
  </div>

  <div id="gallery" data-section="gallery">
      <TeamCardSix
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      members={[
        {
          id: "1",
          name: "Espresso Pours",
          role: "Artistry",
          imageSrc: "http://img.b2bpic.net/free-photo/old-style-asian-coffee-set_53876-147836.jpg",
        },
        {
          id: "2",
          name: "Barista Smile",
          role: "Hospitality",
          imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-young-asian-woman-barista-apron-looking-amazed-clap-hands-smiling-standing-co_1258-148443.jpg",
        },
        {
          id: "3",
          name: "Colorado Views",
          role: "Scenery",
          imageSrc: "http://img.b2bpic.net/free-photo/hot-coffee-cup-with-beautiful-tropical-outdoor-view_74190-6865.jpg",
        },
        {
          id: "4",
          name: "Roasted Beans",
          role: "Craft",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-roasted-coffee-beans_181624-59061.jpg",
        },
        {
          id: "5",
          name: "Latte Foam",
          role: "Perfection",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-cream_23-2149409675.jpg",
        },
        {
          id: "6",
          name: "Crafted Art",
          role: "Detail",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-coffee-cup_23-2148865584.jpg",
        },
      ]}
      title="Life at the Cart"
      description="Captured moments of warmth and craftsmanship."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          title: "Friendly & Perfect",
          quote: "The friendliest people ever serving the perfect cup!",
          name: "Sarah",
          role: "Regular",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-girl-barista-waitress-cafe-uniform-giving-you-cup-coffee-prepare_1258-199297.jpg",
        },
        {
          id: "2",
          name: "Mark",
          quote: "Truly proper coffee here — definitely worth the stop!",
          role: "Visitor",
          imageSrc: "http://img.b2bpic.net/free-photo/food-lover-taking-photo-muffin_23-2149277995.jpg",
        },
        {
          id: "3",
          name: "Emily",
          quote: "Lovely place to get a good cup of coffee with a lovely view!",
          role: "Local",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-red-sweater-lady-drinks-coffee_1157-40771.jpg",
        },
        {
          id: "4",
          name: "David",
          quote: "The ladies are very welcoming and sweet.",
          role: "Regular",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-teenage-girl-drinking-coffee-from-cup_23-2147906515.jpg",
        },
        {
          id: "5",
          name: "Jessica",
          quote: "Excellent service and yummy coffee!!",
          role: "Fan",
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-caucasian-woman-holding-mobile-phone-near-ear-takeaway-coffee-cup-looking-camera-laughing-isolated-blue-background_141793-134551.jpg",
        },
      ]}
      title="Loved by Locals"
      description="Don't just take our word for it—see what our community says."
    />
  </div>

  <div id="visit" data-section="visit">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "Where are you located?",
          content: "Thrive Ln, Colorado Springs, CO 80924",
        },
        {
          id: "2",
          title: "What are your hours?",
          content: "Monday - Friday: 7am - 2pm | Saturday - Sunday: 8am - 3pm",
        },
        {
          id: "3",
          title: "Can I order ahead?",
          content: "Yes, visit our Instagram for order-ahead options.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/view-tank-container-water-storage_23-2151748243.jpg"
      imageAlt="Portico Location"
      title="Visit Us"
      description="Find your new favorite coffee spot in Colorado Springs."
      mediaAnimation="slide-up"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="cta" data-section="cta">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars",
      }}
      tag="Visit Us"
      title="Come Find Your New Favorite Coffee."
      description="Sign up for updates on seasonal drinks and events."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Portico Coffee"
      columns={[
        {
          title: "Connect",
          items: [
            {
              label: "Instagram",
              href: "#",
            },
            {
              label: "Contact",
              href: "#",
            },
          ],
        },
        {
          title: "Visit",
          items: [
            {
              label: "Directions",
              href: "#",
            },
            {
              label: "Hours",
              href: "#",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy",
              href: "#",
            },
            {
              label: "Terms",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Portico Coffee. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
