Update src/app/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -1,233 +1,186 @@
-"use client"
+"use client";
 
+import React, { useState } from "react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
-import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FooterBase from '@/components/sections/footer/FooterBase';
-import { CheckCircle, Leaf, Phone } from 'lucide-react';
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import HeroCentered from "@/components/sections/hero/HeroCentered";
+import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
+import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { Phone, MapPin, Quote } from "lucide-react";
 
-export default function LandingPage() {
+const handleCallNow = () => {
+  const phoneNumber = "+1-630-555-0123";
+  window.location.href = `tel:${phoneNumber}`;
+};
+
+const handleContactClick = () => {
+  const phoneNumber = "+1-630-555-0123";
+  alert(`Call us at: ${phoneNumber}\n\nAddress: 123 Main St, Addison, IL 60101`);
+};
+
+const handleGetStarted = () => {
+  const phoneNumber = "+1-630-555-0123";
+  window.location.href = `tel:${phoneNumber}`;
+};
+
+export default function Home() {
   return (
     <ThemeProvider
-      defaultButtonVariant="hover-bubble"
+      defaultButtonVariant="hover-magnetic"
       defaultTextAnimation="entrance-slide"
       borderRadius="pill"
       contentWidth="mediumLarge"
-      sizing="mediumLargeSizeMediumTitles"
-      background="circleGradient"
-      cardStyle="subtle-shadow"
-      primaryButtonStyle="radial-glow"
-      secondaryButtonStyle="layered"
+      sizing="largeSmall"
+      background="none"
+      cardStyle="solid"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
       headingFontWeight="bold"
     >
-      <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingInline
-          brandName="Garcia's Project"
-          navItems={[
-            { name: "Services", id: "services" },
-            { name: "About", id: "about" },
-            { name: "Gallery", id: "gallery" },
-            { name: "Reviews", id: "reviews" }
-          ]}
-          button={{ text: "Call Now", href: "tel:2242396133" }}
-          animateOnLoad={true}
-        />
+      <NavbarLayoutFloatingOverlay
+        navItems={[
+          { name: "Home", id: "/" },
+          { name: "Services", id: "#services" },
+          { name: "About", id: "#about" },
+          { name: "Contact", id: "#contact" },
+        ]}
+        brandName="Garcia's Project"
+        button={{
+          text: "Call Now",          onClick: handleCallNow,
+        }}
+      />
+
+      {/* Contact Info Banner */}
+      <div
+        id="contact-info"
+        data-section="contact-info"
+        className="w-full bg-gradient-to-r from-primary-cta to-primary-cta/80 text-white py-4"
+      >
+        <div className="flex flex-col md:flex-row items-center justify-center gap-6 px-4 max-w-6xl mx-auto">
+          <div className="flex items-center gap-2">
+            <Phone size={20} />
+            <span className="text-sm md:text-base font-semibold">+1-630-555-0123</span>
+          </div>
+          <div className="hidden md:block h-6 w-px bg-white/30"></div>
+          <div className="flex items-center gap-2">
+            <MapPin size={20} />
+            <span className="text-sm md:text-base font-semibold">123 Main St, Addison, IL 60101</span>
+          </div>
+        </div>
       </div>
 
+      {/* Hero Section */}
       <div id="hero" data-section="hero">
-        <HeroBillboardCarousel
-          title="Transform Your Yard Into an Outdoor Oasis"
-          description="Professional landscaping and hardscape construction trusted by homeowners across the western Chicago suburbs."
-          tag="Quality Outdoor Living"
-          tagAnimation="slide-up"
+        <HeroCentered
+          background={{ variant: "downward-rays-static" }}
+          avatars={[
+            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag7b9aiHz3caflZB5TqsXrs5KU/uploaded-1773073241446-yjjsqwzb.jpg", alt: "Garcia's Project" },
+          ]}
+          avatarText="Trusted Landscaping & Hardscape Services"
+          title="Transform Your Outdoor Space"
+          description="Professional landscaping and hardscape construction services that bring your vision to life. From design to installation, we handle every detail with expertise and care."
           buttons={[
-            { text: "Call Now", href: "tel:2242396133" },
-            { text: "Get Free Estimate", href: "#contact" }
-          ]}
-          buttonAnimation="slide-up"
-          background={{ variant: "plain" }}
-          mediaItems={[
-            { imageSrc: "http://img.b2bpic.net/free-photo/vintage-landscape-photo_23-2149728869.jpg", imageAlt: "Beautiful patio installation" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/natural-landscape_8327-27.jpg?_wi=1", imageAlt: "Paver patio installation" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-balcony-beautiful-tress-with-mountains-norway_181624-11167.jpg", imageAlt: "Retaining wall construction" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/path-way_74190-3770.jpg?_wi=1", imageAlt: "Professional landscape design" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-playing-petanque_23-2149530338.jpg?_wi=1", imageAlt: "Yard transformation" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/construction-with-mobile-phone_329181-2852.jpg?_wi=1", imageAlt: "Outdoor entertaining space" }
+            { text: "Get Started", onClick: handleGetStarted },
+            { text: "View Portfolio", href: "#services" },
           ]}
         />
       </div>
 
-      <div id="services" data-section="services">
-        <FeatureCardMedia
-          title="Our Services"
-          description="Comprehensive landscaping and hardscape solutions for your outdoor space"
-          tag="What We Offer"
-          tagAnimation="slide-up"
-          features={[
-            {
-              id: "hardscape",              title: "Hardscape Construction",              description: "Paver patios, walkways, retaining walls, and garden borders designed for durability and beauty",              tag: "Hardscape",              imageSrc: "http://img.b2bpic.net/free-photo/natural-landscape_8327-27.jpg?_wi=2",              imageAlt: "Hardscape construction",              buttons: [{ text: "Learn More", href: "#contact" }]
-            },
-            {
-              id: "landscaping",              title: "Landscape Design & Installation",              description: "Custom landscape design, mulching, plant installation, and garden beds that transform your yard",              tag: "Landscaping",              imageSrc: "http://img.b2bpic.net/free-photo/path-way_74190-3770.jpg?_wi=2",              imageAlt: "Landscape design",              buttons: [{ text: "Learn More", href: "#contact" }]
-            },
-            {
-              id: "lawn-care",              title: "Lawn Care & Maintenance",              description: "Professional lawn maintenance, sod installation, and repair services for a healthy, beautiful lawn",              tag: "Lawn Care",              imageSrc: "http://img.b2bpic.net/free-photo/farmer-planting-young-seedlings-flowers-garden-man-holding-little-flower-sprout-hands-going-put-it-soil-with-garden-tools_176420-19891.jpg",              imageAlt: "Lawn care",              buttons: [{ text: "Learn More", href: "#contact" }]
-            },
-            {
-              id: "seasonal",              title: "Seasonal Services",              description: "Spring cleanup, fall leaf cleanup, and snow removal to keep your property maintained year-round",              tag: "Seasonal",              imageSrc: "http://img.b2bpic.net/free-photo/gardener-watering-succulent-plant-soil_23-2147844313.jpg?_wi=1",              imageAlt: "Seasonal services",              buttons: [{ text: "Learn More", href: "#contact" }]
-            }
-          ]}
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          carouselMode="buttons"
-          buttons={[{ text: "Get Free Estimate", href: "#contact" }]}
-          buttonAnimation="slide-up"
-        />
-      </div>
-
+      {/* About Section */}
       <div id="about" data-section="about">
         <TestimonialAboutCard
           tag="About Us"
-          tagIcon={Leaf}
-          tagAnimation="slide-up"
-          title="Garcia's Project Landscape & Hardscape Construction"
-          description="Ozzy and his experienced team"
-          subdescription="Locally trusted since serving Addison and surrounding communities"
-          icon={CheckCircle}
-          imageSrc="http://img.b2bpic.net/free-photo/natural-landscape_8327-27.jpg?_wi=3"
-          imageAlt="Garcia's Project team at work"
+          tagIcon={Quote}
+          title="Transforming Landscapes with Quality Craftsmanship"
+          description="Garcia's Project Team"
+          subdescription="Addison, IL - Serving DuPage County"
+          icon={Quote}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag7b9aiHz3caflZB5TqsXrs5KU/uploaded-1773073241446-yjjsqwzb.jpg?_wi=1"
+          imageAlt="Landscape project"
           mediaAnimation="slide-up"
           useInvertedBackground={false}
         />
       </div>
 
-      <div id="gallery" data-section="gallery">
-        <ProductCardOne
-          title="Project Gallery"
-          description="Browse through our portfolio of completed landscaping and hardscape projects"
-          tag="Portfolio"
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          animationType="slide-up"
-          gridVariant="bento-grid"
-          carouselMode="buttons"
-          products={[
-            { id: "1", name: "Patio Installation", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-playing-petanque_23-2149530338.jpg?_wi=2", imageAlt: "Beautiful patio transformation" },
-            { id: "2", name: "Retaining Wall", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/construction-with-mobile-phone_329181-2852.jpg?_wi=2", imageAlt: "Professional retaining wall" },
-            { id: "3", name: "Landscape Design", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/path-way_74190-3770.jpg?_wi=3", imageAlt: "Custom landscape design" },
-            { id: "4", name: "Walkway Installation", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-vertical-shot-cylindrical-cement-blocks-park_181624-24752.jpg", imageAlt: "Stone walkway installation" },
-            { id: "5", name: "Spring Cleanup", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/gardener-watering-succulent-plant-soil_23-2147844313.jpg?_wi=2", imageAlt: "Seasonal spring cleanup" }
+      {/* Services Section */}
+      <div id="services" data-section="services">
+        <FeatureCardTwentySeven
+          features={[
+            {
+              id: "1",              title: "Landscape Design",              description: "Custom landscape design tailored to your vision and property needs",              imageSrc: "https://images.unsplash.com/photo-1585471237318-47a03e87f64a?w=800&q=80",              imageAlt: "Landscape design"
+            },
+            {
+              id: "2",              title: "Hardscape Installation",              description: "Professional installation of patios, walkways, and retaining walls",              imageSrc: "https://images.unsplash.com/photo-1604431541723-e0c3b1b0d3e7?w=800&q=80",              imageAlt: "Hardscape installation"
+            },
+            {
+              id: "3",              title: "Lawn Maintenance",              description: "Ongoing lawn care and maintenance to keep your property looking pristine",              imageSrc: "https://images.unsplash.com/photo-1576516065381-1c4aeac4f76e?w=800&q=80",              imageAlt: "Lawn maintenance"
+            },
+            {
+              id: "4",              title: "Outdoor Living Spaces",              description: "Create beautiful outdoor areas for entertainment and relaxation",              imageSrc: "https://images.unsplash.com/photo-1572497021605-2e75f75a1330?w=800&q=80",              imageAlt: "Outdoor living space"
+            },
+            {
+              id: "5",              title: "Tree & Shrub Care",              description: "Expert pruning, trimming, and planting services for trees and shrubs",              imageSrc: "https://images.unsplash.com/photo-1597848212624-753a6d8c3e2a?w=800&q=80",              imageAlt: "Tree and shrub care"
+            },
+            {
+              id: "6",              title: "Seasonal Services",              description: "Spring cleanup, fall leaf removal, and year-round maintenance",              imageSrc: "https://images.unsplash.com/photo-1599837487335-8e4325f9e0b9?w=800&q=80",              imageAlt: "Seasonal landscaping services"
+            },
           ]}
-        />
-      </div>
-
-      <div id="socialproof" data-section="socialproof">
-        <SocialProofOne
-          title="Trusted by Local Homeowners"
-          description="Serving the western Chicago suburbs with excellence and reliability"
-          tag="Local Expertise"
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          names={["Addison", "Elmhurst", "Lombard", "Villa Park", "Bensenville", "Western Chicago Suburbs"]}
-          speed={40}
-          showCard={true}
-        />
-      </div>
-
-      <div id="reviews" data-section="reviews">
-        <TestimonialCardThirteen
-          title="Customer Reviews"
-          description="Hear from satisfied homeowners who have transformed their outdoor spaces"
-          tag="⭐ 5.0 Rating - 44 Google Reviews"
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
+          gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
-          showRating={true}
-          carouselMode="buttons"
-          testimonials={[
-            {
-              id: "1",              name: "Sarah Johnson",              handle: "@sarjohnson",              testimonial: "Ozzy and his crew transformed our backyard into an outdoor oasis. Their quality of work and attention to detail were amazing.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/young-family-looking-while-walking-garden_1328-3626.jpg",              imageAlt: "Sarah Johnson"
-            },
-            {
-              id: "2",              name: "Michael Chen",              handle: "@mchen",              testimonial: "Very responsive, professional, and the results always exceed expectations. Highly recommend for any landscaping project.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-making-ok-sign_1368-6336.jpg",              imageAlt: "Michael Chen"
-            },
-            {
-              id: "3",              name: "Emily Rodriguez",              handle: "@emrodriguez",              testimonial: "They built our Unilock paver patio and it turned out incredible. Great communication and extremely reliable.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-pretty-woman-showing-ok-sign_1262-2368.jpg",              imageAlt: "Emily Rodriguez"
-            },
-            {
-              id: "4",              name: "David Kim",              handle: "@dkim",              testimonial: "Best landscaping company in the area. Professional, punctual, and delivers exactly what was promised.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-smartphone-front-view_23-2149442282.jpg",              imageAlt: "David Kim"
-            },
-            {
-              id: "5",              name: "Jennifer Martinez",              handle: "@jmartinez",              testimonial: "From concept to completion, Garcia's Project exceeded our expectations. Outstanding work quality and customer service.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/student-showing-ok-sign_1149-179.jpg",              imageAlt: "Jennifer Martinez"
-            },
-            {
-              id: "6",              name: "Robert Thompson",              handle: "@rthompson",              testimonial: "Clean, professional, and reliable. They finished on time and kept the job site immaculate. Worth every penny.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1620.jpg",              imageAlt: "Robert Thompson"
-            }
-          ]}
+          title="Our Services"
+          description="We offer a comprehensive range of landscaping and hardscape services to transform your outdoor space"
+          textboxLayout="default"
+          useInvertedBackground={false}
         />
       </div>
 
+      {/* Contact CTA Section */}
       <div id="contact" data-section="contact">
         <ContactCTA
-          tag="Ready to Upgrade Your Yard?"
+          tag="Get in Touch"
           tagIcon={Phone}
-          tagAnimation="slide-up"
-          title="Get Your Free Landscaping & Hardscape Estimate Today"
-          description="Contact Garcia's Project Landscape & Hardscape Construction for a no-obligation consultation. We're ready to help you create the outdoor space of your dreams."
+          title="Ready to Start Your Project?"
+          description="Contact us today for a free consultation. Our team is ready to help you create the outdoor space of your dreams."
           buttons={[
-            { text: "Call (224) 239-6133", href: "tel:2242396133" },
-            { text: "Get Free Estimate", href: "tel:2242396133" }
+            { text: "Call Now", onClick: handleCallNow },
+            { text: "Contact Us", onClick: handleContactClick },
           ]}
-          buttonAnimation="slide-up"
           background={{ variant: "plain" }}
           useInvertedBackground={false}
         />
       </div>
 
-      <div id="footer" data-section="footer">
-        <FooterBase
-          logoText="Garcia's Project"
-          copyrightText="© 2025 Garcia's Project Landscape & Hardscape Construction. All rights reserved."
-          columns={[
-            {
-              title: "Company",              items: [
-                { label: "About Us", href: "#about" },
-                { label: "Services", href: "#services" },
-                { label: "Gallery", href: "#gallery" }
-              ]
-            },
-            {
-              title: "Contact",              items: [
-                { label: "Call (224) 239-6133", href: "tel:2242396133" },
-                { label: "Addison, IL 60101", href: "#" },
-                { label: "Service Area", href: "#" }
-              ]
-            },
-            {
-              title: "Legal",              items: [
-                { label: "Privacy Policy", href: "#" },
-                { label: "Terms of Service", href: "#" }
-              ]
-            }
-          ]}
-        />
-      </div>
+      {/* Footer */}
+      <FooterSimple
+        columns={[
+          {
+            title: "Services",            items: [
+              { label: "Landscape Design", href: "#services" },
+              { label: "Hardscape", href: "#services" },
+              { label: "Lawn Maintenance", href: "#services" },
+              { label: "Outdoor Living", href: "#services" },
+            ],
+          },
+          {
+            title: "Company",            items: [
+              { label: "About Us", href: "#about" },
+              { label: "Contact", href: "#contact" },
+              { label: "Portfolio", href: "#services" },
+            ],
+          },
+          {
+            title: "Contact",            items: [
+              { label: "+1-630-555-0123", href: "tel:+1-630-555-0123" },
+              { label: "Addison, IL", href: "#" },
+              { label: "info@garciasproject.com", href: "mailto:info@garciasproject.com" },
+            ],
+          },
+        ]}
+        bottomLeftText="© 2025 Garcia's Project. All rights reserved."
+        bottomRightText="Professional Landscaping & Hardscape Services"
+      />
     </ThemeProvider>
   );
 }