"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { CheckCircle, Gauge, Lightbulb, MapPin, Star, Tag, Truck, Users, Wrench } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="largeSmallSizeLargeTitles"
        background="blurBottom"
        cardStyle="glass-depth"
        primaryButtonStyle="flat"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Products",          id: "#products"},
        {
          name: "Why Choose Us",          id: "#features"},
        {
          name: "Our Values",          id: "#metrics"},
        {
          name: "Trusted By",          id: "#social-proof"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQs",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/geometric-facade-modern-building_23-2151966494.jpg"
      logoAlt="Probuild Centre Oxted Logo"
      brandName="Probuild Centre Oxted"
      button={{
        text: "Get a Quote",        href: "#contact"}}
    />
  </div>

  <div id="home" data-section="home">
      <HeroCentered
      background={{
        variant: "animated-grid"}}
      title="Premium Building Supplies, Professional Service"
      description="Oxted's trusted source for quality materials and expert guidance. Serving builders, contractors, and property professionals."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/carpenter-cutting-mdf-board-inside-workshop_23-2149451055.jpg",          alt: "Professional Builder"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-happy-old-man-showing-approval_23-2148269353.jpg",          alt: "Civil Engineer"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-helmet-work_23-2148921380.jpg",          alt: "Property Developer"},
        {
          src: "http://img.b2bpic.net/free-photo/handsome-young-carpenter-stands-workshop_329181-15678.jpg",          alt: "Skilled Tradesman"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-carpenter-woodworking-shop-proud-his-work_482257-84422.jpg",          alt: "Portrait of smiling carpenter in woodworking shop proud of his work"},
      ]}
      avatarText="Trusted by over 100+ local professionals"
      buttons={[
        {
          text: "Explore Our Range",          href: "#products"},
        {
          text: "Request a Quote",          href: "#contact"},
      ]}
      buttonAnimation="slide-up"
      marqueeItems={[
        {
          type: "text-icon",          text: "Quality Assured",          icon: CheckCircle,
        },
        {
          type: "text-icon",          text: "Expert Advice",          icon: Lightbulb,
        },
        {
          type: "text-icon",          text: "Timely Delivery",          icon: Truck,
        },
        {
          type: "text-icon",          text: "Trade Discounts",          icon: Tag,
        },
        {
          type: "text-icon",          text: "Local & Trusted",          icon: MapPin,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Your Partner in Construction Excellence"
      description={[
        "Probuild Centre Oxted is dedicated to supplying the highest quality building materials, coupled with expert advice and unparalleled service. We understand the demands of construction projects, which is why we meticulously source our inventory to meet the rigorous standards of professional builders and contractors.",        "With years of experience serving the Oxted region, our team offers personalized support, ensuring you find the right materials for every job, big or small. From foundational elements to finishing touches, we are committed to helping you build with confidence and efficiency."]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Premium Quality Materials",          description: "We meticulously source and stock only the highest quality building materials, ensuring durability and performance for all your projects.",          imageSrc: "http://img.b2bpic.net/free-photo/warehouse-managers-checking-parcels-stock-using-orders-checklist_482257-77688.jpg",          imageAlt: "Premium building materials"},
        {
          title: "Expert Guidance & Support",          description: "Our knowledgeable team offers professional advice, helping you select the right materials and solutions for your specific construction needs.",          imageSrc: "http://img.b2bpic.net/free-photo/man-with-construction-plan-copy-space_23-2148269820.jpg",          imageAlt: "Expert staff providing guidance"},
        {
          title: "Dedicated Trade Accounts",          description: "Benefit from exclusive trade pricing, credit facilities, and personalized service tailored to the needs of professional builders and contractors.",          imageSrc: "http://img.b2bpic.net/free-photo/sad-unhappy-disappointed-woman-worker-builder-hold-white-sign-board-blank-against-pink-background-building-helmet_343596-3998.jpg",          imageAlt: "Trade account contract"},
        {
          title: "Efficient & Reliable Delivery",          description: "Count on timely and dependable delivery services directly to your site, keeping your projects on schedule and within budget.",          imageSrc: "http://img.b2bpic.net/free-photo/delivery-woman-employee-red-cap-blank-tshirt-uniform-holding-food-containers-big-arrow-looking-camera-amazed-surprised-standing-brown-background_141793-140156.jpg",          imageAlt: "Building materials delivery truck"},
      ]}
      title="Why Probuild Centre Oxted?"
      description="We are committed to providing the best for every project."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "1",          brand: "Oxted Bricks",          name: "Premium Clay Bricks",          price: "£0.85 / unit",          rating: 5,
          reviewCount: "120",          imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-14992.jpg",          imageAlt: "Stack of red clay bricks"},
        {
          id: "2",          brand: "Forest Timber",          name: "Treated Softwood Timber",          price: "£12.50 / meter",          rating: 4,
          reviewCount: "95",          imageSrc: "http://img.b2bpic.net/free-photo/low-view-wooden-house-construction_23-2148748793.jpg",          imageAlt: "Stack of treated softwood timber"},
        {
          id: "3",          brand: "Probuild Mix",          name: "High Strength Cement",          price: "£5.99 / bag",          rating: 5,
          reviewCount: "150",          imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-13348.jpg",          imageAlt: "Bags of high strength cement"},
        {
          id: "4",          brand: "RoofShield",          name: "Durable Roofing Tiles",          price: "£1.75 / tile",          rating: 4,
          reviewCount: "80",          imageSrc: "http://img.b2bpic.net/free-photo/roof-tile_1136-323.jpg",          imageAlt: "Durable roofing tiles"},
        {
          id: "5",          brand: "GardenScape",          name: "Premium Landscaping Pavers",          price: "£3.20 / paver",          rating: 5,
          reviewCount: "65",          imageSrc: "http://img.b2bpic.net/free-photo/big-stone-made-chinese-chess-inside-park_1112-1150.jpg",          imageAlt: "Landscaping pavers in a garden"},
        {
          id: "6",          brand: "TradeTools",          name: "Professional Power Drills",          price: "£189.00",          rating: 4,
          reviewCount: "70",          imageSrc: "http://img.b2bpic.net/free-photo/various-implements-carpenter-wooden-desk_23-2148180594.jpg",          imageAlt: "Professional power drills"},
      ]}
      title="Explore Our Extensive Building Supply Range"
      description="From foundation to finish, discover the quality materials that make your projects stand out. Browse our selection or visit us in-store for personalized assistance."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "1",          icon: Gauge,
          title: "Years in Business",          value: "25+"},
        {
          id: "2",          icon: Wrench,
          title: "Projects Supported",          value: "5,000+"},
        {
          id: "3",          icon: Users,
          title: "Satisfied Clients",          value: "1,000+"},
        {
          id: "4",          icon: Star,
          title: "Products Stocked",          value: "2,000+"},
      ]}
      title="Building Trust, One Project at a Time"
      description="Our commitment to quality and service is reflected in our achievements and long-standing relationships with professionals across Oxted."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Oxted Construction",        "Heritage Developers",        "Summit Builders",        "Apex Projects",        "Greenwood Homes",        "Elite Contractors",        "Precision Builds",        "Synergy Developments",        "Urban Creations"]}
      title="Partnering with the Best in the Business"
      description="We are proud to be the trusted supplier for leading contractors and developers in the Oxted region, providing the foundation for successful builds."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Mark Johnson",          role: "Lead Contractor, MJ Builds",          testimonial: "Probuild Centre Oxted is our go-to for consistent, high-quality materials. Their team is incredibly knowledgeable and always ensures we get exactly what we need, on time, every time.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-old-man-with-white-helmet_23-2148269398.jpg",          imageAlt: "Mark Johnson, Lead Contractor"},
        {
          id: "2",          name: "Sarah Davies",          role: "Property Developer, Horizon Estates",          testimonial: "The range of products and competitive pricing at Probuild Centre Oxted is unmatched. They've been an invaluable partner in delivering our projects to the highest standards.",          imageSrc: "http://img.b2bpic.net/free-photo/female-architect-with-thumb-up_1149-1128.jpg",          imageAlt: "Sarah Davies, Property Developer"},
        {
          id: "3",          name: "David Chen",          role: "Director, Chen Construction",          testimonial: "Exceptional service and superb quality. The trade account makes managing our supplies effortless, and their delivery service is always prompt.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-excited-bearded-builder-man-construction-uniform-safety-helmet-wearing-rubber-gloves-looking-raising-fists-like-winner_141793-111166.jpg",          imageAlt: "David Chen, Director"},
        {
          id: "4",          name: "Emily Rodriguez",          role: "Project Manager, EcoBuild Solutions",          testimonial: "Probuild Centre Oxted understands the needs of modern construction. Their sustainable product options and expert advice are exactly what we look for in a supplier.",          imageSrc: "http://img.b2bpic.net/free-photo/carefree-female-with-afro-hairstyle-holds-paint-tools-refurbishes-walls-house_273609-38577.jpg",          imageAlt: "Emily Rodriguez, Project Manager"},
        {
          id: "5",          name: "Tom Wilson",          role: "Self-Employed Builder",          testimonial: "For a small business like mine, reliable suppliers are crucial. Probuild Centre Oxted consistently delivers on quality and support, making every project smoother.",          imageSrc: "http://img.b2bpic.net/free-photo/impressed-adult-builder-man-uniform-points-up-isolated-olive-green-wall_141793-66412.jpg",          imageAlt: "Tom Wilson, Builder"},
        {
          id: "6",          name: "Laura Green",          role: "Renovation Specialist",          testimonial: "Even for larger homeowner projects, Probuild Centre Oxted offers fantastic selection and helpful staff. Highly recommend for anyone serious about their build quality.",          imageSrc: "http://img.b2bpic.net/free-photo/shot-pleasant-looking-lady-looks-joyfully-cup-coffee-wears-round-spectacles-carries-yellow-desk-lamp_273609-24351.jpg",          imageAlt: "Laura Green, Renovation Specialist"},
      ]}
      title="Hear From Our Valued Customers"
      description="Read what professional builders and contractors have to say about Probuild Centre Oxted."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",          title: "How do I open a trade account?",          content: "Opening a trade account is simple! Visit our 'Trade' page or speak to a member of our team in-store. We require some basic business information to set up your account and unlock exclusive benefits."},
        {
          id: "2",          title: "What are your delivery options?",          content: "We offer flexible delivery options across the Oxted region. Standard delivery is available within 2-3 business days, with expedited options for urgent orders. Contact us for specific delivery charges and lead times."},
        {
          id: "3",          title: "Can I get a quote for bulk orders?",          content: "Absolutely! We provide competitive bulk pricing for large-scale projects and property developers. Please submit your project details through our 'Request a Quote' form or contact our sales team directly."},
        {
          id: "4",          title: "What is your return policy?",          content: "We accept returns of unused and undamaged standard stock items within 30 days of purchase, with a valid receipt. Special order items or custom cuts may be subject to different return conditions. See our full return policy in-store or online."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-people-holding-building-sketch_23-2148269342.jpg"
      imageAlt="Architectural blueprints and tools on a desk"
      mediaAnimation="opacity"
      mediaPosition="left"
      title="Your Questions, Answered"
      description="Find quick answers to common questions about our products, services, and trade accounts."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Get in Touch with Our Experts"
      description="Whether you're a trade professional or a homeowner, our team is ready to assist with your building material needs. Request a quote, inquire about stock, or set up a trade account."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
        },
        {
          name: "phone",          type: "tel",          placeholder: "Your Phone Number"},
      ]}
      multiSelect={{
        name: "accountType",        label: "Account Type",        options: [
          "Trade Professional",          "Property Developer",          "Homeowner / DIY"],
      }}
      textarea={{
        name: "message",        placeholder: "Tell us about your project or inquiry...",        rows: 5,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/engineer-young-smart-cute-blonde-girl-civil-worker-helmet-vest-having-idea_140725-167678.jpg"
      imageAlt="Modern building supplies office interior"
      mediaAnimation="opacity"
      mediaPosition="right"
      buttonText="Send Inquiry"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoSrc="http://img.b2bpic.net/free-photo/chart-statistics-icon-front-side_187299-39619.jpg"
      logoAlt="Probuild Centre Oxted Footer Logo"
      logoText="Probuild Centre Oxted"
      leftLink={{
        text: "Privacy Policy",        href: "#"}}
      rightLink={{
        text: "Terms of Service",        href: "#"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
