"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="mediumSizeLargeTitles"
        background="none"
        cardStyle="soft-shadow"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Portfolio",
          id: "#portfolio",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Salmex Exterior Design"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitDualMedia
      background={{
        variant: "plain",
      }}
      title="Transform Your Home's Exterior Vision"
      description="Professional exterior design that combines aesthetic appeal with lasting durability. From concept to completion, we bring your outdoor space to life."
      tag="Expert Exterior Design"
      tagAnimation="none"
      buttons={[
        {
          text: "Start Your Project",
          href: "#contact",
        },
      ]}
      buttonAnimation="none"
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-architecture-space_23-2151912549.jpg",
          imageAlt: "Modern house exterior with beautiful landscaping at sunset",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-modern-white-building-facade_181624-29733.jpg",
          imageAlt: "Urban rooftop garden design with modern architecture",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248410.jpg",
          imageAlt: "Blending futuristic building seamlessly into desert landscape",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-lake-landscape-sunset_23-2150343153.jpg",
          imageAlt: "Beautiful lake landscape at sunset",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-architecture-space_23-2151912551.jpg",
          imageAlt: "Minimalist architecture space",
        },
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="5/5 Star Rating by Clients"
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      tag="About Salmex"
      title="Salmex Exterior Design: Crafting Timeless Outdoor Spaces"
      description="At Salmex, we believe your home's exterior is a reflection of your lifestyle and a testament to your aesthetic. Our dedicated team of designers and architects meticulously plans and executes exterior transformations, ensuring every detail from landscape to facade harmonizes with your vision and environment. We specialize in creating bespoke outdoor living areas, enhancing curb appeal, and delivering sustainable, beautiful designs that stand the test of time."
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "s1",
          title: "Landscape Architecture",
          subtitle: "Creating harmonious and sustainable garden designs, including planting, irrigation, and outdoor living areas.",
          category: "Design",
          value: "Gardens & Greenery",
        },
        {
          id: "s2",
          title: "Hardscaping & Patios",
          subtitle: "Designing and installing durable hardscape elements like patios, walkways, driveways, and retaining walls.",
          category: "Construction",
          value: "Paving & Structures",
        },
        {
          id: "s3",
          title: "Facade Enhancement",
          subtitle: "Transforming the exterior appearance of your home with modern materials, textures, and architectural details.",
          category: "Renovation",
          value: "Curb Appeal",
        },
        {
          id: "s4",
          title: "Outdoor Lighting",
          subtitle: "Strategic illumination to enhance ambiance, safety, and highlight key architectural and landscape features.",
          category: "Ambiance",
          value: "Evening Glow",
        },
      ]}
      title="Our Core Exterior Design Services"
      description="From lush gardens to elegant facades, our expertise covers every aspect of your property's outdoor aesthetic and functionality."
    />
  </div>

  <div id="portfolio" data-section="portfolio">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "Modern Garden Oasis",
          price: "Luxury Residential",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-rocky-mountain-river-surrounded-with-plants-trees-daylight_181624-19345.jpg",
          imageAlt: "A modern garden landscape with lush greenery and a minimalist design.",
        },
        {
          id: "p2",
          name: "Contemporary Patio & Deck",
          price: "Outdoor Living",
          imageSrc: "http://img.b2bpic.net/free-photo/dining-room-with-plants-table-chairs_23-2152008245.jpg",
          imageAlt: "A stylish contemporary patio with wooden deck and comfortable seating.",
        },
        {
          id: "p3",
          name: "Elegant Facade Makeover",
          price: "Curb Appeal Boost",
          imageSrc: "http://img.b2bpic.net/free-photo/sportive-man-working-out-street_23-2147757978.jpg",
          imageAlt: "An elegant house facade with a clean, modern aesthetic.",
        },
        {
          id: "p4",
          name: "Urban Rooftop Retreat",
          price: "City Living",
          imageSrc: "http://img.b2bpic.net/free-photo/hotel-lobby-interior_1127-3423.jpg",
          imageAlt: "A serene urban rooftop terrace with planters and city views.",
        },
        {
          id: "p5",
          name: "Grand Entrance & Driveway",
          price: "First Impression",
          imageSrc: "http://img.b2bpic.net/free-photo/surface-road-skatepark_107420-65716.jpg",
          imageAlt: "A grand entrance with a custom designed driveway and integrated landscaping.",
        },
        {
          id: "p6",
          name: "Illuminated Garden Walk",
          price: "Evening Ambiance",
          imageSrc: "http://img.b2bpic.net/free-photo/empty-outside-way-path-foliage_1253-513.jpg",
          imageAlt: "A garden pathway beautifully illuminated with subtle landscape lighting at night.",
        },
      ]}
      title="Our Signature Projects"
      description="Explore a selection of our completed exterior designs that showcase our commitment to excellence and innovation."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",
          value: "98%",
          title: "Client Satisfaction",
          description: "Our dedication to client happiness ensures every project exceeds expectations.",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-glasses-shaking-hands-with-female-partner-meeting-co-working-space_74855-10006.jpg",
          imageAlt: "Happy client smiling",
        },
        {
          id: "m2",
          value: "10+",
          title: "Years of Expertise",
          description: "A decade of transforming exteriors and building lasting relationships in design.",
          imageSrc: "http://img.b2bpic.net/free-vector/flat-labour-day-label-collection_23-2148903309.jpg",
          imageAlt: "Award trophy",
        },
        {
          id: "m3",
          value: "250+",
          title: "Successful Projects",
          description: "From residential gardens to commercial facades, our portfolio is extensive.",
          imageSrc: "http://img.b2bpic.net/free-photo/houses-with-yacht-old-port-nesebar-bulgaria_627829-7533.jpg",
          imageAlt: "Diverse portfolio",
        },
      ]}
      title="Achievements & Client Trust"
      description="Our commitment to excellence is reflected in our unwavering client satisfaction and recognized industry presence."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Sarah J.",
          handle: "@Homeowner",
          testimonial: "Salmex transformed our neglected backyard into a beautiful, functional oasis. Their team was professional, creative, and delivered beyond our expectations.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-enthusiastic-female-gardener-taking-care-bonsai-plants-her-own-garden-store_197531-31037.jpg",
          imageAlt: "Sarah J. smiling",
        },
        {
          id: "t2",
          name: "Michael C.",
          handle: "@Developer",
          testimonial: "We partnered with Salmex for a multi-unit residential project, and their innovative facade designs significantly boosted property value and appeal.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-person-relaxing-while-listening-music_23-2149129108.jpg",
          imageAlt: "Michael C. smiling",
        },
        {
          id: "t3",
          name: "Emily R.",
          handle: "@PropertyManager",
          testimonial: "Their attention to detail for our commercial property's landscaping was impeccable. Salmex ensured every plant and paver was perfect.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/friends-high-fiving-each-other-beer-pong-game_23-2149431325.jpg",
          imageAlt: "Emily R. smiling",
        },
        {
          id: "t4",
          name: "David K.",
          handle: "@Homeowner",
          testimonial: "Our home's curb appeal went from ordinary to extraordinary thanks to Salmex. The design process was seamless and the results are stunning.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-happy-young-male-buyer-showing-thumb-up-paper-house-model-smiling-satisfied_1258-161154.jpg",
          imageAlt: "David K. smiling",
        },
        {
          id: "t5",
          name: "Jessica L.",
          handle: "@RealEstateAgent",
          testimonial: "Properties designed by Salmex always stand out in the market. Their exterior design expertise makes homes incredibly attractive to buyers.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-successful-businesswoman-suit-cross-arms-chest-smile-look-confident-stan_1258-118782.jpg",
          imageAlt: "Jessica L. smiling",
        },
        {
          id: "t6",
          name: "Robert B.",
          handle: "@Architect",
          testimonial: "Collaborating with Salmex is always a pleasure. They bring a level of creativity and execution that elevates every architectural project.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/excited-manager-punching-air-office_482257-119321.jpg",
          imageAlt: "Robert B. smiling",
        },
      ]}
      showRating={true}
      title="What Our Clients Say"
      description="Hear directly from homeowners and developers who have experienced the Salmex difference in exterior design."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Luxury Homes",
        "GreenBuild Co.",
        "Urban Estates",
        "Renovate Pro",
        "Gardenia Land.",
        "CityScape Dev.",
        "Elite Resorts",
      ]}
      title="Trusted by Leading Industry Partners"
      description="We collaborate with reputable builders, developers, and suppliers to bring the best solutions to your exterior design projects."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "What services does Salmex Exterior Design offer?",
          content: "We offer comprehensive exterior design services including landscape architecture, hardscaping (patios, walkways, driveways), facade enhancements, outdoor lighting, water features, and overall outdoor living space planning. We tailor our services to both residential and commercial clients.",
        },
        {
          id: "q2",
          title: "What is your design process like?",
          content: "Our process begins with an initial consultation to understand your vision and needs. This is followed by site analysis, concept development, detailed design and material selection, and finally, project management during the implementation phase. We ensure client involvement at every step.",
        },
        {
          id: "q3",
          title: "How long does an exterior design project typically take?",
          content: "The timeline varies greatly depending on the scope and complexity of the project. A smaller garden redesign might take a few weeks, while a full property transformation or large-scale commercial project could span several months. We provide a detailed timeline after the initial design phase.",
        },
        {
          id: "q4",
          title: "Do you handle the construction and installation, or just the design?",
          content: "While our primary expertise is in design and planning, we offer full project management services. We can oversee and coordinate with trusted contractors and suppliers to ensure the design is executed precisely to our specifications and quality standards, or we can provide the complete design package for your chosen contractors.",
        },
        {
          id: "q5",
          title: "What is the typical budget range for your services?",
          content: "Our services are highly customized, so budgets vary. We work with clients to understand their financial parameters and develop designs that maximize impact within their desired investment. We provide transparent cost breakdowns and proposals tailored to each project's unique requirements.",
        },
      ]}
      sideTitle="Frequently Asked Questions"
      sideDescription="Find answers to common questions about our exterior design services, process, and pricing."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="Get in Touch"
      title="Ready to Transform Your Exterior?"
      description="Contact Salmex Exterior Design today to schedule a consultation and bring your vision to life."
      imageSrc="http://img.b2bpic.net/free-photo/tall-building-center-city_657883-736.jpg"
      imageAlt="Modern office interior with clean design and natural light"
      mediaAnimation="none"
      inputPlaceholder="Your Email Address"
      buttonText="Send Message"
      termsText="By submitting, you agree to our privacy policy and terms of service."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Salmex Exterior Design"
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Landscape Architecture",
              href: "#services",
            },
            {
              label: "Hardscaping",
              href: "#services",
            },
            {
              label: "Facade Enhancement",
              href: "#services",
            },
            {
              label: "Outdoor Lighting",
              href: "#services",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Portfolio",
              href: "#portfolio",
            },
            {
              label: "Testimonials",
              href: "#testimonials",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Salmex Exterior Design. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
