Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,14 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { ShieldCheck } from "lucide-react";
+import { ShieldCheck, MessageSquare } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,73 +29,28 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "About", id: "about" },
-          id: "hero",
+        { name: "Testimonials", id: "testimonials" },
-        },
+        { name: "Contact", id: "contact" },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="JG Landscaping"
-      button={{
+      button={{ text: "Get a Quote", href: "#contact" }}
-        text: "Get a Quote",
-        href: "#contact",
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
       title="Transforming Your Outdoor Space"
       description="JG Landscaping provides quality craftsmanship, fair pricing, and reliable service to create the yard of your dreams. From drainage solutions to complete garden transformations, we deliver excellence."
       buttons={[
-        {
+        { text: "Get Free Estimate", href: "#contact" },
-          text: "Get Free Estimate",
+        { text: "View Projects", href: "#services" },
-          href: "#contact",
-        },
-        {
-          text: "View Projects",
-          href: "#services",
-        },
       ]}
       mediaItems={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/women-taking-care-their-plants-greenhouse_23-2149037313.jpg?_wi=1", imageAlt: "Professional landscaping team working on residential yard design" },
-          imageSrc: "http://img.b2bpic.net/free-photo/women-taking-care-their-plants-greenhouse_23-2149037313.jpg?_wi=1",
+        { imageSrc: "http://img.b2bpic.net/free-photo/women-taking-care-their-plants-greenhouse_23-2149037313.jpg?_wi=2", imageAlt: "Beautifully landscaped garden with colorful flowers" },
-          imageAlt: "Professional landscaping team working on residential yard design",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/women-taking-care-their-plants-greenhouse_23-2149037313.jpg?_wi=2",
-          imageAlt: "Beautifully landscaped garden with colorful flowers",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/women-taking-care-their-plants-greenhouse_23-2149037313.jpg?_wi=3",
-          imageAlt: "Expert lawn edging and maintenance",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/women-taking-care-their-plants-greenhouse_23-2149037313.jpg?_wi=4",
-          imageAlt: "French drain installation for yard drainage",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/women-taking-care-their-plants-greenhouse_23-2149037313.jpg?_wi=5",
-          imageAlt: "Garden design and planting plan",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/women-taking-care-their-plants-greenhouse_23-2149037313.jpg?_wi=6",
-          imageAlt: "Finished residential backyard transformation",
-        },
       ]}
     />
   </div>
@@ -119,21 +74,8 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "Drainage Solutions", description: "Expert installation of French drains and dry creek beds to manage water movement effectively.", imageSrc: "http://img.b2bpic.net/free-photo/image-broken-concrete-grassy-ground_181624-24606.jpg" },
-          title: "Drainage Solutions",
+        { title: "Garden & Plant Design", description: "Customized plant selection, lawn edging, and garden layout tailored to your aesthetic.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-raking-outdoors_23-2149382185.jpg" },
-          description: "Expert installation of French drains and dry creek beds to manage water movement effectively.",
-          imageSrc: "http://img.b2bpic.net/free-photo/image-broken-concrete-grassy-ground_181624-24606.jpg",
-        },
-        {
-          title: "Garden & Plant Design",
-          description: "Customized plant selection, lawn edging, and garden layout tailored to your aesthetic.",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-raking-outdoors_23-2149382185.jpg",
-        },
-        {
-          title: "Yard Grading & Prep",
-          description: "Strategic grading and soil preparation to protect your home and enhance yard functionality.",
-          imageSrc: "http://img.b2bpic.net/free-photo/spring-white-flowers-background-forest-closeup-selective-focus-buds-nature-background-idea-with-copy-space_166373-2485.jpg",
-        },
       ]}
       title="Professional Landscaping Services"
       description="We address complex landscape challenges with practical, high-quality solutions designed to last."
@@ -141,112 +83,55 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
+      <TestimonialCardTwo
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "1", name: "Sarah Johnson", role: "Homeowner", testimonial: "JG Landscaping tailored the project to our budget and timeline perfectly. They transformed our yard completely.", icon: MessageSquare },
-          id: "1",
+        { id: "2", name: "Michael Chen", role: "Client", testimonial: "Great crew to work with. They solved our bad drainage problem with a French drain and rain garden. Looks great!", icon: MessageSquare },
-          name: "Sarah Johnson",
-          handle: "@sarahj",
-          testimonial: "JG Landscaping tailored the project to our budget and timeline perfectly. They transformed our yard completely.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-walking-speaking-phone_23-2147694684.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          handle: "@mchen",
-          testimonial: "Great crew to work with. They solved our bad drainage problem with a French drain and rain garden. Looks great!",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-guy-talking-phone-waving-waitress-outdoor-cafe-asking-bill_176420-25736.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          handle: "@emilyr",
-          testimonial: "They listened to our ideas, offered smart selections, and left our lawn clean and professional.",
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-emotions-healthy-lifestyle-vertical-close-up-outdoors-portrait-young-mature-bearded-caucasian-male-gardener-blue-t-shirt-smiling-working-garden_176420-19951.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          handle: "@davidk",
-          testimonial: "Transformed our outdoor space efficiently. They were polite and worked very promptly.",
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg",
-        },
-        {
-          id: "5",
-          name: "Robert Miller",
-          handle: "@robml",
-          testimonial: "Quality work for a fair price. Very happy with the communication and timely completion.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12333.jpg",
-        },
       ]}
-      title="What Our Customers Say"
+      title="Customer Satisfaction"
-      description="We pride ourselves on 5-star service and transformative results."
+      description="We take pride in our long-term customer relationships and quality results."
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
       tag="Contact Us"
       title="Get Your Free Landscaping Estimate"
-      description="Ready to transform your yard? Send us a message and our team will get back to you shortly to discuss your project."
+      description="Ready to discuss your next landscaping project with our experts? We're here to help with sales and service inquiries."
-      mediaAnimation="slide-up"
+      buttons={[
-      inputPlaceholder="Enter your email address"
+        { text: "Call for Sales", href: "tel:+15550123456" },
-      buttonText="Submit Request"
+        { text: "Submit Service Inquiry", href: "#contact-form" }
-      imageSrc="http://img.b2bpic.net/free-photo/high-angle-man-working-eco-friendly-wind-power-project-with-papers-pencil_23-2148847791.jpg?_wi=2"
+      ]}
-      imageAlt="Landscaping professional discussing plans"
+      background={{ variant: "plain" }}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterMedia
       logoText="JG Landscaping"
       columns={[
         {
-          title: "Company",
+          title: "Company", items: [
-          items: [
+            { label: "About", href: "#about" },
-            {
+            { label: "Reviews", href: "#testimonials" },
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Reviews",
-              href: "#testimonials",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
           ],
         },
         {
-          title: "Services",
+          title: "Inquiries", items: [
-          items: [
+            { label: "Sales Support", href: "tel:+15550123456" },
-            {
+            { label: "Service Request", href: "mailto:support@jglandscaping.com" },
-              label: "Drainage",
-              href: "#services",
-            },
-            {
-              label: "Design",
-              href: "#services",
-            },
-            {
-              label: "Grading",
-              href: "#services",
-            },
           ],
         },
       ]}
+      imageSrc="http://img.b2bpic.net/free-photo/greenhouse-gardening-tools-close-up_23-2148737227.jpg?_wi=1"
       copyrightText="© 2025 JG Landscaping Company. All rights reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}