"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import { Building } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeLargeTitles"
        background="aurora"
        cardStyle="subtle-shadow"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "About",          id: "about",          href: "#about"},
        {
          name: "Shops",          id: "shops",          href: "#shops"},
        {
          name: "Contact",          id: "contact",          href: "#contact"},
      ]}
      brandName="Maxwell Centre"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{
        variant: "radial-gradient"}}
      logoText="Maxwell Centre"
      description="Maxwell Centre, located at Shop 8, 45 Maxwell St, Empangeni Central, Empangeni, 3880, is your local shopping destination. We offer a variety of stores, services, and quick shopping options for the local community."
      buttons={[
        {
          text: "Explore Shops",          href: "#shops"},
        {
          text: "Contact Us",          href: "#contact"},
      ]}
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Our Story"
      title="About Maxwell Centre"
      description="Maxwell Centre is a convenient shopping centre located at Shop 8, 45 Maxwell St, Empangeni Central, Empangeni, 3880. We pride ourselves on a 4.4-star rating from 98 reviews, reflecting our commitment to quality service and a great shopping experience."
      subdescription="Visitors typically spend around 20 minutes at our centre, making it ideal for quick and efficient outings while still providing a diverse range of options."
      icon={Building}
      imageSrc="http://img.b2bpic.net/free-photo/couple-enjoying-drinks-restaurant_23-2149269140.jpg"
      mediaAnimation="slide-up"
      imageAlt="shoppers walking bright shopping mall"
    />
  </div>

  <div id="shops" data-section="shops">
      <FeatureCardTwentyFour
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "retail",          title: "Retail Stores",          author: "Various Brands",          description: "Find your favourite clothing, electronics, and everyday essentials. Our diverse retail selection caters to all your shopping desires.",          tags: [
            "Fashion",            "Electronics",            "Essentials"],
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cyber-monday-composition_23-2149055960.jpg",          imageAlt: "modern clothing store interior fashion display"},
        {
          id: "food",          title: "Food & Takeaways",          author: "Diverse Cuisines",          description: "Grab a quick meal or a delicious snack from our wide range of food and takeaway options. Perfect for a busy day or a leisurely break.",          tags: [
            "Restaurants",            "Cafes",            "Snacks"],
          imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-ready-eat-meal_23-2151187762.jpg",          imageAlt: "bustling food court diverse eateries"},
        {
          id: "services",          title: "Services",          author: "Professional Providers",          description: "Access essential services like banking, mobile solutions, and other small businesses, all conveniently located under one roof.",          tags: [
            "Banking",            "Telecom",            "Health"],
          imageSrc: "http://img.b2bpic.net/free-photo/modern-coffeehouse-with-contemporary-design_23-2149052832.jpg",          imageAlt: "bank interior modern design lobby"},
      ]}
      title="Our Stores"
      description="Discover a wide variety of retail, food, and services at Maxwell Centre, designed to make your visit comprehensive and enjoyable."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "⭐ 4.4 Rating",        "Based on 98 Reviews"
      ]}
      logos={[]}
      title="Customer Satisfaction"
      description="Our commitment to quality service and a great shopping experience is reflected in our community's feedback."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain",        imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-travel-set-with-magnifying-glass-map_23-2149554718.jpg"}}
      tag="Get in Touch"
      title="Visit Us & Contact"
      description="Find us at Shop 8, 45 Maxwell St, Empangeni Central, Empangeni, 3880. Call us at 035 772 3241. Our hours are Monday – Friday: 6:00 AM – 7:30 PM, Saturday: Open, Sunday: Limited hours. We look forward to welcoming you!"
      buttons={[
        {
          text: "Get Directions",          href: "https://www.google.com/maps/search/45+Maxwell+St,+Empangeni+Central",          target: "_blank"},
        {
          text: "Call Us",          href: "tel:0357723241"}
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/futuristic-casino-architecture_23-2150926645.jpg"
      columns={[
        {
          title: "Quick Links",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Our Stores",              href: "#shops"},
            {
              label: "Contact Us",              href: "#contact"},
          ],
        },
        {
          title: "Opening Hours",          items: [
            {
              label: "Mon – Fri: 6:00 AM – 7:30 PM",              href: "#"},
            {
              label: "Saturday: Open",              href: "#"},
            {
              label: "Sunday: Limited hours",              href: "#"},
          ],
        },
        {
          title: "Location",          items: [
            {
              label: "Shop 8, 45 Maxwell St, Empangeni Central, Empangeni, 3880",              href: "https://www.google.com/maps/search/45+Maxwell+St,+Empangeni+Central",              target: "_blank"},
            {
              label: "Phone: 035 772 3241",              href: "tel:0357723241"},
          ],
        },
      ]}
      logoText="Maxwell Centre"
      copyrightText="© 2024 Maxwell Centre Empangeni"
      imageAlt="exterior shot shopping centre dusk"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
