"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Facebook, Instagram, Linkedin, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="large"
        background="grid"
        cardStyle="outline"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Projects",          id: "#projects"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="The Violette Company"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      imagePosition="right"
      title="Building Dreams, Crafting Homes in Portland, Maine"
      description="The Violette Company is your trusted partner for exceptional residential construction and custom home building across the Greater Portland area. Dedicated to quality and craftsmanship."
      testimonials={[
        {
          name: "Sarah J.",          handle: "@homeowner_sarah",          testimonial: "The Violette Company transformed our vision into a stunning reality. Their attention to detail and commitment to quality made our dream home a pleasure to build!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/parents-daughter-spending-time-together-while-wearing-linen-clothing_23-2150659515.jpg",          imageAlt: "Sarah J."},
        {
          name: "Michael T.",          handle: "@client_michael",          testimonial: "Professional, reliable, and exceptional craftsmanship. The Violette Company exceeded all our expectations for our renovation project. Highly recommend!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-confident-young-woman-start-career-look-determined-get-job-waiting-interview-lean-glass-wall-business-center-smiling-looking-away-satisfied_197531-30572.jpg",          imageAlt: "Michael T."},
        {
          name: "Emily R.",          handle: "@portland_living",          testimonial: "We couldn't be happier with our new custom home. The team at Violette guided us every step of the way with expertise and genuine care.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/preparing-room-new-furniture_329181-9754.jpg",          imageAlt: "Emily R."},
        {
          name: "David K.",          handle: "@mainebuilds",          testimonial: "Their work ethic and quality are unmatched. The Violette Company made our residential construction project smooth and stress-free.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/family-picnic-park_1303-9636.jpg",          imageAlt: "David K."},
        {
          name: "Jessica L.",          handle: "@design_lover",          testimonial: "An incredible experience from start to finish. The Violette Company delivered a beautiful, high-quality home that truly reflects our style.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-jolly-adult-engaging-virtual-workshop-course-via-web-teleconference_482257-120792.jpg",          imageAlt: "Jessica L."},
      ]}
      testimonialRotationInterval={5000}
      tag="Home Builders since 1995"
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Get a Free Quote",          href: "#contact"},
        {
          text: "View Our Projects",          href: "#projects"},
      ]}
      buttonAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-man_1268-21877.jpg",          alt: "John Doe"},
        {
          src: "http://img.b2bpic.net/free-photo/indoor-shot-good-looking-smiling-woman-with-dark-hair-expresses-positive-feelings_273609-25139.jpg",          alt: "Jane Smith"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-manual-worker-warehouse_329181-12798.jpg",          alt: "Robert Brown"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-old-woman-looking-camera_23-2148231831.jpg",          alt: "Alice Green"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-yellow-scene_23-2148184745.jpg",          alt: "Satisfied client"},
      ]}
      avatarText="Join 100+ Happy Homeowners"
      imageSrc="http://img.b2bpic.net/free-photo/close-up-portrait-construction-engineer-looking-camera_23-2148233714.jpg"
      imageAlt="Modern home construction site at sunset"
      mediaAnimation="reveal-blur"
      fixedMediaHeight={true}
      marqueeItems={[
        {
          type: "text",          text: "Crafting Quality Homes"},
        {
          type: "text",          text: "Building Dreams since 1995"},
        {
          type: "text",          text: "Your Vision, Our Expertise"},
        {
          type: "text",          text: "Local Portland Builders"},
        {
          type: "text",          text: "Renovations & Additions"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",          content: "The Violette Company: Your Vision, Our "},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/3d-rendering-house-model_23-2150799661.jpg",          alt: "Architectural blueprint"},
        {
          type: "text",          content: " Craftsmanship"},
      ]}
      buttons={[
        {
          text: "Our Story",          href: "#about"},
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "custom-homes",          title: "Custom Home Builds",          tags: [
            "Design",            "Build",            "Luxury"],
          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-residential-area-with-houses-along-canal_1308-189700.jpg",          imageAlt: "Custom luxury home exterior"},
        {
          id: "renovations",          title: "Major Renovations",          tags: [
            "Modernization",            "Expansion",            "Remodel"],
          imageSrc: "http://img.b2bpic.net/free-photo/elegant-matte-black-faucet-dark-kitchen-premium-interior-design-with-minimalist-furniture_169016-72709.jpg",          imageAlt: "Modern kitchen renovation"},
        {
          id: "additions",          title: "Home Additions",          tags: [
            "Extensions",            "New Spaces",            "Seamless"],
          imageSrc: "http://img.b2bpic.net/free-photo/man-holding-hammer-drill-looking-away_23-2148748783.jpg",          imageAlt: "New home addition exterior"},
      ]}
      title="Our Residential Construction Services"
      description="From custom homes to thoughtful renovations, we offer comprehensive building solutions tailored to your unique needs and vision."
      tag="Expert Craftsmanship"
      tagAnimation="slide-up"
    />
  </div>

  <div id="projects" data-section="projects">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "project-1",          name: "The Coastal Retreat",          price: "Starting at $850,000",          variant: "Custom Build",          imageSrc: "http://img.b2bpic.net/free-photo/luxury-sunset-poolside-relaxation-with-stunning-landscape-view-generated-by-ai_188544-30833.jpg",          imageAlt: "Luxury modern home exterior"},
        {
          id: "project-2",          name: "Historic Charm Renovation",          price: "Starting at $250,000",          variant: "Historic Renovation",          imageSrc: "http://img.b2bpic.net/free-photo/window-house-from-st-john-virgin-islands_649448-1850.jpg",          imageAlt: "Traditional renovated home"},
        {
          id: "project-3",          name: "Modern Farmhouse Estate",          price: "Starting at $720,000",          variant: "New Construction",          imageSrc: "http://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498427.jpg",          imageAlt: "Modern farmhouse style exterior"},
        {
          id: "project-4",          name: "Waterfront Oasis",          price: "Starting at $1,200,000",          variant: "Luxury Build",          imageSrc: "http://img.b2bpic.net/free-photo/glamorous-young-woman-blue-jeans-sitting-window-sill_197531-20601.jpg",          imageAlt: "Coastal beach house"},
        {
          id: "project-5",          name: "Urban Townhome Remodel",          price: "Starting at $300,000",          variant: "Contemporary Renovation",          imageSrc: "http://img.b2bpic.net/free-photo/blue-building-apartment-building_1203-703.jpg",          imageAlt: "Urban townhouse exterior"},
        {
          id: "project-6",          name: "Eco-Friendly Residence",          price: "Starting at $680,000",          variant: "Sustainable Design",          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-house-model_23-2150799745.jpg",          imageAlt: "Sustainable eco-friendly home"},
      ]}
      title="Explore Our Signature Projects"
      description="Browse a selection of our recently completed residential homes and renovation projects throughout the Greater Portland region."
      tag="Our Portfolio"
      tagAnimation="slide-up"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "years",          value: "29+",          title: "Years in Business",          items: [
            "Established in 1995",            "Decades of experience",            "Local Portland expertise"],
        },
        {
          id: "projects",          value: "150+",          title: "Projects Completed",          items: [
            "Custom homes built",            "Extensive renovations",            "Successful additions"],
        },
        {
          id: "satisfaction",          value: "4.0/5",          title: "Client Satisfaction",          items: [
            "Based on public reviews",            "Commitment to excellence",            "Building lasting relationships"],
        },
      ]}
      title="Our Commitment to Excellence"
      description="Proudly serving homeowners in the Greater Portland area with unwavering quality and exceptional service for nearly three decades."
      tag="Our Track Record"
      tagAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Sarah J.",          imageSrc: "http://img.b2bpic.net/free-photo/young-couple-enjoying-their-new-home-with-cardboard-boxes_23-2148060100.jpg",          imageAlt: "Sarah J."},
        {
          id: "2",          name: "Michael T.",          imageSrc: "http://img.b2bpic.net/free-photo/adult-men-working-together-project_23-2148483886.jpg",          imageAlt: "Michael T."},
        {
          id: "3",          name: "Emily R.",          imageSrc: "http://img.b2bpic.net/free-photo/aged-woman-man-with-tv-remote-watching-tv-sofa_23-2148033653.jpg",          imageAlt: "Emily R."},
        {
          id: "4",          name: "David K.",          imageSrc: "http://img.b2bpic.net/free-photo/young-family-with-little-daughter-moving-into-new-house_1303-23761.jpg",          imageAlt: "David K."},
        {
          id: "5",          name: "Jessica L.",          imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-manager-holding-business-presentation-looking-camera-while-standing-front-whiteboard_637285-6989.jpg",          imageAlt: "Jessica L."},
      ]}
      cardTitle="Building Trust, One Home at a Time"
      cardTag="Client Success"
      buttons={[
        {
          text: "Read All Reviews",          href: "#"},
      ]}
      buttonAnimation="slide-up"
      cardAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "What areas do you serve?",          content: "The Violette Company proudly serves homeowners throughout Portland, Maine, and the surrounding Greater Portland communities. Contact us to confirm service availability in your specific location."},
        {
          id: "q2",          title: "What is your construction process?",          content: "Our process begins with an initial consultation to understand your vision, followed by detailed planning, design collaboration, transparent proposals, expert construction, and meticulous finishing, ensuring your satisfaction at every stage."},
        {
          id: "q3",          title: "Do you offer custom home design?",          content: "Yes, we specialize in custom home builds and work closely with architects and designers to bring your unique vision to life. We ensure every detail reflects your personal style and needs."},
        {
          id: "q4",          title: "How long does a typical project take?",          content: "Project timelines vary significantly based on scope, complexity, and materials. We provide a detailed project schedule after the planning phase, keeping you informed every step of the way."},
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common inquiries about our home building process, services, and commitment to quality."
      tag="Your Questions Answered"
      tagAnimation="slide-up"
      faqsAnimation="slide-up"
      showCard={true}
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Portland Lumber Co.",        "Maine Architects Guild",        "Coastal Landscape Design",        "Pine Tree Plumbing",        "Bank of Maine Lending",        "Smart Home Innovations",        "Greater Portland Chamber",        "Quality Stone Works"]}
      title="Our Valued Partners"
      description="We collaborate with leading local suppliers, skilled tradespeople, and trusted professionals to ensure every project meets the highest standards of quality and efficiency."
      tag="Trusted Network"
      tagAnimation="slide-up"
      speed={40}
      showCard={true}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      tag="Get Started"
      tagIcon={Sparkles}
      tagAnimation="slide-up"
      title="Ready to Build Your Dream Home?"
      description="Contact The Violette Company today for a personalized consultation. Let's discuss your vision and bring your residential construction project to life."
      buttons={[
        {
          text: "Request a Consultation",          href: "mailto:hello@violettecompany.com"},
        {
          text: "Call Us: (207) 776-0383",          href: "tel:+12077760383"},
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="The Violette Company"
      copyrightText="© 2024 The Violette Company. All rights reserved."
      socialLinks={[
        {
          icon: Facebook,
          href: "https://facebook.com/theviolettecompany",          ariaLabel: "Facebook"},
        {
          icon: Instagram,
          href: "https://instagram.com/theviolettecompany",          ariaLabel: "Instagram"},
        {
          icon: Linkedin,
          href: "https://linkedin.com/company/theviolettecompany",          ariaLabel: "LinkedIn"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
