"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Award, HelpCircle, Mail, Sparkles, Star, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="small"
        sizing="medium"
        background="circleGradient"
        cardStyle="subtle-shadow"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Services",
          id: "#features",
        },
        {
          name: "Products",
          id: "#products",
        },
        {
          name: "Reviews",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163687.jpg"
      logoAlt="THE RITE TRACK GAS STATION Logo"
      brandName="THE RITE TRACK"
      bottomLeftText="Your Journey Starts Here"
      bottomRightText="experience@theritetrack.com"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardScroll
      background={{
        variant: "downward-rays-static-grid",
      }}
      title="THE RITE TRACK GAS STATION"
      description="Experience unparalleled service and premium quality for your vehicle. We redefine convenience and luxury on every journey."
      tag="Your Journey, Elevated."
      tagIcon={Sparkles}
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Explore Services",
          href: "#features",
        },
        {
          text: "Find Us",
          href: "#contact",
        },
      ]}
      buttonAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/redheaded-woman-refueling-car-gas-station_23-2148150084.jpg"
      imageAlt="Luxurious modern gas station at night"
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",
          content: "About ",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163687.jpg",
          alt: "THE RITE TRACK LOGO",
        },
        {
          type: "text",
          content: " – Your Premium Pit Stop",
        },
      ]}
      buttons={[
        {
          text: "Our Philosophy",
          href: "#",
        },
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFour
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",
          title: "Premium Fuels",
          author: "Quality Assured",
          description: "Only the highest-grade fuels for optimal engine performance and longevity. Experience the difference with every fill-up.",
          tags: [
            "Performance",
            "Efficiency",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-charging-electric-car_23-2149530077.jpg",
          imageAlt: "Premium fuel pump",
        },
        {
          id: "f2",
          title: "Sparkling Car Wash",
          author: "Spotless Shine",
          description: "Our state-of-the-art car wash delivers an immaculate clean, protecting your vehicle's finish with advanced treatments.",
          tags: [
            "Cleanliness",
            "Protection",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193579.jpg",
          imageAlt: "Sparkling car wash",
        },
        {
          id: "f3",
          title: "Gourmet Convenience",
          author: "Taste & Comfort",
          description: "Indulge in a curated selection of gourmet snacks, beverages, and freshly brewed coffee at our upscale convenience store.",
          tags: [
            "Refreshments",
            "Amenities",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/variety-merchandise-supermarket-store-shelves-generated-by-ai_188544-40842.jpg",
          imageAlt: "Upscale convenience store interior",
        },
      ]}
      title="Our Signature Services"
      description="Beyond just fuel, discover a complete suite of premium services designed for your comfort and convenience."
      tag="Elevate Your Stop"
      tagIcon={Zap}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Artisanal Coffee",
          price: "$4.50",
          variant: "Freshly Brewed",
          imageSrc: "http://img.b2bpic.net/free-photo/coffee-plate-biscuits_114579-22555.jpg",
          imageAlt: "Gourmet coffee cup",
        },
        {
          id: "p2",
          name: "Healthy Snacks",
          price: "$3.00",
          variant: "Organic & Natural",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-cereal-bars-with-nuts_23-2148697610.jpg",
          imageAlt: "Healthy snack selection",
        },
        {
          id: "p3",
          name: "Premium Car Care",
          price: "$18.99",
          variant: "Detailing Kit",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-painting-palette_23-2148929887.jpg",
          imageAlt: "Luxury car detailing products",
        },
        {
          id: "p4",
          name: "EV Charging",
          price: "Per kWh",
          variant: "Rapid Charge",
          imageSrc: "http://img.b2bpic.net/free-photo/electro-car-charger-with-two-plugged-pistol_1268-17710.jpg",
          imageAlt: "Electric vehicle charging station",
        },
        {
          id: "p5",
          name: "Travel Essentials",
          price: "$7.99",
          variant: "Comfort Kit",
          imageSrc: "http://img.b2bpic.net/free-photo/various-strawberries-with-display-price-from-local-farmer-market_23-2147920842.jpg",
          imageAlt: "Travel essentials in store",
        },
        {
          id: "p6",
          name: "Local Delicacies",
          price: "Varies",
          variant: "Regional Favorites",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-gas-station_23-2150697524.jpg",
          imageAlt: "Local food products",
        },
      ]}
      title="Curated Offerings"
      description="Discover a selection of premium products, from exquisite coffee blends to essential car care, enhancing your journey."
      tag="Beyond Basics"
      tagIcon={Star}
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Premium Auto",
        "Roadside Assist",
        "Eco Fuel Co.",
        "Travel Alliance",
        "Gourmet Foods",
        "Clean Car Co.",
        "EV Solutions",
      ]}
      title="Trusted Partners"
      description="Collaborating with leading brands to bring you the best in automotive and convenience experiences."
      tag="Reliability You Can Trust"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Sarah Johnson",
          date: "May 2024",
          title: "Unmatched Quality",
          quote: "THE RITE TRACK is my go-to for premium fuel. My car runs smoother, and the service is always exceptional. A truly luxurious experience!",
          tag: "Fuel & Service",
          avatarSrc: "http://img.b2bpic.net/free-photo/business-man-using-his-tablet_23-2148018692.jpg",
          avatarAlt: "Sarah Johnson avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-gas-station_23-2148906372.jpg",
          imageAlt: "Car being filled with premium fuel",
        },
        {
          id: "2",
          name: "Michael Chen",
          date: "April 2024",
          title: "Spotless Shine",
          quote: "The car wash here is fantastic! My vehicle comes out sparkling every time. It's clear they invest in top-notch equipment.",
          tag: "Car Wash",
          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg",
          avatarAlt: "Michael Chen avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194108.jpg",
          imageAlt: "Sparkling clean car after car wash",
        },
        {
          id: "3",
          name: "Emily Rodriguez",
          date: "March 2024",
          title: "Delightful Stop",
          quote: "I always look forward to stopping at THE RITE TRACK. Their gourmet coffee and snack selection are a cut above the rest. It's more than just a gas station.",
          tag: "Amenities",
          avatarSrc: "http://img.b2bpic.net/free-photo/female-mechanic-servicing-car_1170-1401.jpg",
          avatarAlt: "Emily Rodriguez avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-peson-with-their-frinds_23-2149290141.jpg",
          imageAlt: "Hand holding gourmet coffee cup",
        },
        {
          id: "4",
          name: "David Kim",
          date: "February 2024",
          title: "Exceptional Cleanliness",
          quote: "The facilities are always impeccably clean and well-maintained. It makes a huge difference, especially during long drives.",
          tag: "Cleanliness",
          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-bags-showing-thumb-up_1262-5695.jpg",
          avatarAlt: "David Kim avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/lateral-view-pumps-car-refill_23-2148321860.jpg",
          imageAlt: "Clean gas station interior",
        },
        {
          id: "5",
          name: "Jessica Lee",
          date: "January 2024",
          title: "Reliable & Modern",
          quote: "From their efficient pumps to their friendly staff, THE RITE TRACK consistently provides a seamless and modern experience. Highly recommend!",
          tag: "Overall Experience",
          avatarSrc: "http://img.b2bpic.net/free-photo/view-woman-with-car-gas-station_23-2150516377.jpg",
          avatarAlt: "Jessica Lee avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/road-closed-sign-city_23-2149338565.jpg",
          imageAlt: "Night view of gas station with canopy",
        },
      ]}
      title="Hear From Our Valued Customers"
      description="Our commitment to excellence is reflected in the words of those who choose THE RITE TRACK for their journeys."
      tag="Customer Stories"
      tagIcon={Award}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",
          title: "What types of fuel do you offer?",
          content: "We offer a full range of premium fuels, including regular unleaded, mid-grade, premium, and diesel, all engineered for optimal performance and engine care.",
        },
        {
          id: "faq2",
          title: "Do you have an electric vehicle charging station?",
          content: "Yes, we feature state-of-the-art EV fast-charging stations compatible with most electric vehicle models, ensuring a quick and convenient charge.",
        },
        {
          id: "faq3",
          title: "What are your car wash options?",
          content: "Our car wash offers several packages, from a basic rinse to a premium wash with undercarriage cleaning, wheel treatment, and ceramic coating for a superior shine and protection.",
        },
        {
          id: "faq4",
          title: "Are there restrooms available?",
          content: "Absolutely. Our restrooms are meticulously maintained and are always clean and accessible for your comfort and convenience.",
        },
        {
          id: "faq5",
          title: "Do you have a loyalty program?",
          content: "Yes, join our 'Rite Rewards' program to earn points on every purchase of fuel and store items, redeemable for exclusive discounts and freebies.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common inquiries about our services, products, and facilities."
      tag="Your Questions, Answered"
      tagIcon={HelpCircle}
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "downward-rays-static-grid",
      }}
      tag="Connect With Us"
      title="Reach Out to THE RITE TRACK"
      description="Have questions or need assistance? Our dedicated team is here to provide you with exceptional support."
      tagIcon={Mail}
      imageSrc="http://img.b2bpic.net/free-photo/people-spending-time-gas-station_23-2150440229.jpg"
      imageAlt="Modern gas station at night"
      mediaAnimation="opacity"
      mediaPosition="left"
      inputPlaceholder="Enter your email for inquiries"
      buttonText="Send Message"
      termsText="By submitting, you agree to our privacy policy and terms of service."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      videoSrc="http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004778.jpg?_wi=1"
      videoAriaLabel="Dynamic footage of THE RITE TRACK GAS STATION"
      logoSrc="http://img.b2bpic.net/free-vector/premium-gasoline-banner-icon-illustration_53876-40628.jpg"
      logoAlt="THE RITE TRACK GAS STATION Logo"
      logoText="THE RITE TRACK"
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Premium Fuel",
              href: "#features",
            },
            {
              label: "Car Wash",
              href: "#features",
            },
            {
              label: "EV Charging",
              href: "#products",
            },
            {
              label: "Convenience Store",
              href: "#features",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Testimonials",
              href: "#testimonials",
            },
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Careers",
              href: "#",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
            {
              label: "Cookie Policy",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 THE RITE TRACK. All rights reserved."
      imageSrc="http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004778.jpg?_wi=2"
      imageAlt="dynamic time lapse modern gas station traffic"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
