From 6c3d5ee81c8f0d881cc28ff4d88fe24cdc0cf682 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 14 Jun 2026 04:36:25 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 182 ++++++++++++++++++-----------------------------
 1 file changed, 70 insertions(+), 112 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0966950..f53471e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,13 +3,13 @@
 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 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 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() {
@@ -28,167 +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: "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 including trimming, removal, and general cleanup. We focus on safe, clean, professional work for your property. 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}
-      features={[
-        {
-          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",          buttonIcon: Zap,
-        },
-        {
-          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",          buttonIcon: ShieldCheck,
-        },
-        {
-          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",          buttonIcon: Circle,
-        },
-        {
-          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",          buttonIcon: AlertTriangle,
-        },
-      ]}
       title="Our Professional Services"
       description="Comprehensive tree care and cleanup solutions performed by professional arborists focused on safety and quality."
+      features={[
+        {
+          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, 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: "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: "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"
+        },
+      ]}
     />
   </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."
+      names={[
+        "Homeowners Association",        "Local Municipality",        "Community Center",        "Real Estate Partners",        "Industrial Park",        "Parks and Rec"
+      ]}
     />
   </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: "General Cleanup",              href: "#features"},
-          ],
+          items: [
+            { label: "Pruning", href: "#features" },
+            { label: "Removal", href: "#features" },
+            { label: "Cleanup", href: "#features" }
+          ]
         },
         {
-          title: "Company",          items: [
-            {
-              label: "About Us",              href: "#"},
-            {
-              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>
   );
-}
\ No newline at end of file
+}