Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -3,16 +3,14 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import ContactCta from '@/components/sections/contact/ContactCta';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
-import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Award, CheckCircle, ShieldCheck, Zap, AlertTriangle, Circle, Phone } from "lucide-react";
+import FooterBrandReveal from '@/components/sections/footer/FooterBrandReveal';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import NavbarInline from '@/components/ui/NavbarInline';
+import PricingSimpleCards from '@/components/sections/pricing/PricingSimpleCards';
+import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
+import { Award, CheckCircle, ShieldCheck, Zap, AlertTriangle, Circle } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,216 +28,125 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
+      <NavbarInline
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "Services",          id: "features"},
-        {
-          name: "Testimonials",          id: "testimonials"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", href: "#hero" },
+        { name: "Services", href: "#features" },
+        { name: "Pricing", href: "#pricing" },
+        { name: "Contact", href: "#contact" },
       ]}
-      brandName="Ray Tree Service"
+      logo="Ray Tree Service"
+      ctaButton={{ text: "Get Quote", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroLogoBillboard
-      background={{
-        variant: "downward-rays-static"}}
-      logoText="Ray Tree Service"
-      description="Professional tree care and removal services to keep your landscape healthy, safe, and beautiful. Call us today: +1 (951) 425-2355."
-      buttons={[
-        {
-          text: "Get a Free Quote",          href: "#contact"},
-        {
-          text: "Our Services",          href: "#features"},
+      <HeroSplitKpi
+      tag="Professional Tree Care"
+      title="Safe, Professional Tree Solutions"
+      description="Expert pruning, removal, and maintenance by certified arborists. We ensure your property looks its best while prioritizing safety."
+      primaryButton={{ text: "Get a Free Quote", href: "#contact" }}
+      secondaryButton={{ text: "Our Services", href: "#features" }}
+      kpis={[
+        { value: "1,500+", label: "Trees Removed" },
+        { value: "20+", label: "Years Experience" },
+        { value: "10+", label: "Certified Arborists" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/cropped-view-gardening-worker-wearing-protective-gloves-while-trimming-plants_344912-2285.jpg"
-      imageAlt="Professional arborist trimming trees"
-      mediaAnimation="slide-up"
     />
   </div>
 
   <div id="metrics" data-section="metrics">
       <AboutMetric
-      useInvertedBackground={true}
       title="Why Trust Us?"
       metrics={[
-        {
-          icon: CheckCircle,
-          label: "Trees Safely Removed",          value: "1,500+"},
-        {
-          icon: ShieldCheck,
-          label: "Years Experience",          value: "20+"},
-        {
-          icon: Award,
-          label: "Certified Arborists",          value: "10+"},
+        { icon: "CheckCircle", label: "Trees Safely Removed", value: "1,500+" },
+        { icon: "ShieldCheck", label: "Years Experience", value: "20+" },
+        { icon: "Award", label: "Certified Arborists", value: "10+" },
       ]}
-      metricsAnimation="slide-up"
     />
   </div>
 
   <div id="features" data-section="features">
       <FeatureCardTwentySix
-      textboxLayout="default"
-      useInvertedBackground={false}
+      title="Our Professional Services"
+      description="Comprehensive tree care and cleanup solutions performed by professional arborists focused on safety and quality."
       features={[
         {
-          title: "Expert Pruning",          description: "Keep your trees healthy and growing strong with our professional trimming techniques.",          imageSrc: "http://img.b2bpic.net/free-photo/man-trimming-bough-brush-guy-works-backyard_1157-41447.jpg",          buttonIcon: Zap,
+          title: "Tree Trimming",          description: "Expert pruning to keep your trees healthy, strong, and growing properly.",          imageSrc: "http://img.b2bpic.net/free-photo/man-trimming-bough-brush-guy-works-backyard_1157-41447.jpg"
         },
         {
-          title: "Tree Removal",          description: "Safe, efficient, and precise removal of hazardous or unwanted trees by expert arborists.",          imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-sawmill-wood-manufacture_1303-22900.jpg",          buttonIcon: ShieldCheck,
+          title: "Tree Removal",          description: "Safe, precise removal of hazardous or unwanted trees, performed by our professional team.",          imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-sawmill-wood-manufacture_1303-22900.jpg"
         },
         {
-          title: "Stump Grinding",          description: "Remove unsightly stumps quickly, reclaiming your yard space for better landscaping.",          imageSrc: "http://img.b2bpic.net/free-photo/man-with-chainsaw-cuts-tree_169016-1835.jpg",          buttonIcon: Circle,
+          title: "General Cleanup",          description: "Thorough property cleanup including debris removal for a clean and tidy landscape.",          imageSrc: "http://img.b2bpic.net/free-photo/man-with-chainsaw-cuts-tree_169016-1835.jpg"
         },
         {
-          title: "Storm Cleanup",          description: "24/7 emergency response for fallen or dangerous storm-damaged trees and debris.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359695.jpg",          buttonIcon: AlertTriangle,
+          title: "Safety First",          description: "We emphasize safe, professional, and clean work practices on every single project.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359695.jpg"
         },
       ]}
-      title="Our Professional Services"
-      description="Comprehensive tree care solutions designed for residential and commercial needs, performed with precision and safety."
     />
   </div>
 
   <div id="pricing" data-section="pricing">
-      <PricingCardFive
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
+      <PricingSimpleCards
+      tag="Transparent Pricing"
+      title="Competitive Rates"
+      description="Clear and competitive rates for professional tree care."
       plans={[
         {
-          id: "basic",          tag: "Essential",          price: "Contact",          period: "for quote",          description: "On-site assessment to understand your specific property needs.",          button: {
-            text: "Request Quote",            href: "#contact"},
-          featuresTitle: "Included Services",          features: [
-            "Expert evaluation",            "Safety assessment",            "Customized plan"],
+          tag: "Essential",          price: "Contact",          description: "On-site assessment for your specific needs.",          features: ["Expert evaluation", "Safety assessment", "Customized plan"]
         },
         {
-          id: "standard",          tag: "Popular",          price: "Varies",          period: "per service",          description: "Comprehensive tree maintenance including pruning and basic removals.",          button: {
-            text: "Get Started",            href: "#contact"},
-          featuresTitle: "Included Services",          features: [
-            "Expert pruning",            "Basic removal",            "Debris cleanup"],
+          tag: "Standard",          price: "Varies",          description: "Tree maintenance, pruning, and basic removals.",          features: ["Expert pruning", "Basic removal", "Debris cleanup"]
         },
         {
-          id: "premium",          tag: "Full Service",          price: "Custom",          period: "per project",          description: "Large-scale tree removal and multi-tree maintenance programs for properties.",          button: {
-            text: "Discuss Plan",            href: "#contact"},
-          featuresTitle: "Included Services",          features: [
-            "Full removal",            "Stump grinding",            "Site restoration"],
-        },
+          tag: "Premium",          price: "Custom",          description: "Large-scale removals and multi-tree programs.",          features: ["Full removal", "Stump grinding", "Site restoration"]
+        }
       ]}
-      title="Transparent Pricing"
-      description="Clear and competitive rates for professional tree care. Get started with an on-site evaluation."
     />
   </div>
 
   <div id="social-proof" data-section="social-proof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Homeowners Association",        "Local Municipality",        "Community Center",        "Real Estate Partners",        "Retail Plaza",        "Industrial Park",        "Parks and Rec"]}
+      <SocialProofMarquee
+      tag="Partnerships"
       title="Trusted by the Community"
-      description="We are proud to partner with local institutions and residents to maintain a beautiful and safe environment."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",          name: "Sarah Miller",          role: "Homeowner",          company: "Local Resident",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-pointing-camera_1262-3266.jpg"},
-        {
-          id: "2",          name: "James Henderson",          role: "Property Manager",          company: "Housing Corp",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/countryside-life-naature-close-up-outdoor-portrait-young-attractive-bearded-caucasian-man-blue-t-shirt-smiling_176420-19896.jpg"},
-        {
-          id: "3",          name: "Linda Thompson",          role: "Homeowner",          company: "Local Resident",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-good-looking-young-caucasian-man-blue-t-shirt-gloves-smiling-with-teeth-being-tired-from-hard-work-garden-farmer-planting-leaves-countryside-house_176420-19908.jpg"},
-        {
-          id: "4",          name: "David Clark",          role: "Small Business Owner",          company: "Local Business",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selling-crops-from-his-garden_329181-16538.jpg"},
-        {
-          id: "5",          name: "Rachel Baker",          role: "Homeowner",          company: "Local Resident",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-lumberjack-woodcutter-standing-by-tree-trunk-woods-holding-chainsaw_342744-251.jpg"},
+      names={[
+        "Homeowners Association",        "Local Municipality",        "Community Center",        "Real Estate Partners",        "Industrial Park",        "Parks and Rec"
       ]}
-      title="Client Success Stories"
-      description="Hear what our local clients have to say about the professionalism and quality of our work."
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",          title: "Are you fully insured?",          content: "Yes, we carry comprehensive general liability and workers' compensation insurance to ensure safety for you and your property."},
-        {
-          id: "q2",          title: "When is the best time to prune trees?",          content: "Dormant season is typically best for major pruning, though some maintenance can be done year-round."},
-        {
-          id: "q3",          title: "Do you offer emergency services?",          content: "Absolutely. We are available for emergency storm cleanups, particularly for hazardous or fallen trees that pose a safety risk."},
-      ]}
-      sideTitle="Frequently Asked Questions"
-      sideDescription="Find answers to the most common questions regarding our tree care services."
-      faqsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={true}
-      background={{
-        variant: "downward-rays-static"}}
+      <ContactCta
       tag="Let's Connect"
-      title="Ready for a Free Consultation?"
-      description="Reach out today to discuss your tree care needs. We offer free, on-site evaluations for all projects. Call us at +1 (951) 425-2355."
+      text="Ready for a free, on-site evaluation? Reach out today to discuss your tree care needs."
+      primaryButton={{ text: "Call Us Now", href: "tel:+19514252355" }}
+      secondaryButton={{ text: "Email Us", href: "mailto:info@raytreeservice.com" }}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/trees-with-green-leaves_1417-1390.jpg"
-      imageAlt="Professional nature landscape"
-      logoText="Ray Tree Service"
+      <FooterBrandReveal
+      brand="Ray Tree Service"
       columns={[
         {
-          title: "Services",          items: [
-            {
-              label: "Pruning",              href: "#features"},
-            {
-              label: "Removal",              href: "#features"},
-            {
-              label: "Stump Grinding",              href: "#features"},
-          ],
+          items: [
+            { label: "Pruning", href: "#features" },
+            { label: "Removal", href: "#features" },
+            { label: "Cleanup", href: "#features" }
+          ]
         },
         {
-          title: "Company",          items: [
-            {
-              label: "About Us",              href: "#"},
-            {
-              label: "FAQs",              href: "#faq"},
-            {
-              label: "Contact",              href: "#contact"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms of Service",              href: "#"},
-          ],
-        },
+          items: [
+            { label: "About Us", href: "#" },
+            { label: "Contact", href: "#contact" }
+          ]
+        }
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}