Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,11 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import BlogCardOne from '@/components/sections/blog/BlogCardOne';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import BlogCardThree from '@/components/sections/blog/BlogCardThree';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -32,98 +32,40 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Services",
-          id: "features",
-        },
+          name: "Services",          id: "features"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
-      brandName="ArborPros"
+      brandName="Cell Restore"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroCentered
       background={{
-        variant: "radial-gradient",
-      }}
-      title="Expert Tree Care for Your Property"
-      description="Keeping your landscape healthy, safe, and beautiful. Professional arborist services you can trust."
+        variant: "radial-gradient"}}
+      title="Restore Your Cellular Vitality"
+      description="Advanced rejuvenation solutions backed by science. Experience peak performance and longevity."
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-mature-bearded-hispanic-florist-smiling-camera-watching-flowers-garden-near-countryside-house-with-happy-relaxed-face-expression_176420-19938.jpg",
-          alt: "happy home owner garden",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg",
-          alt: "smiling property owner yard",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/side-view-man-taking-care-potted-plant_23-2149722647.jpg",
-          alt: "happy client portrait garden",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-chopping-wood-with-axe_169016-3691.jpg",
-          alt: "Man chopping wood with an axe",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/lumberjack-forest_1303-9041.jpg",
-          alt: "Lumberjack in forest",
-        },
-      ]}
-      avatarText="Trusted by 500+ happy homeowners"
-      buttons={[
-        {
-          text: "Get Free Quote",
-          href: "#contact",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "24/7 Emergency Support",
-        },
-        {
-          type: "text",
-          text: "Certified Arborists",
-        },
-        {
-          type: "text",
-          text: "Licensed & Insured",
-        },
-        {
-          type: "text",
-          text: "Free Consultations",
-        },
-        {
-          type: "text",
-          text: "Eco-Friendly Practices",
-        },
+        { src: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg", alt: "user 1" },
+        { src: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-mature-bearded-hispanic-florist-smiling-camera-watching-flowers-garden-near-countryside-house-with-happy-relaxed-face-expression_176420-19938.jpg", alt: "user 2" },
+        { src: "http://img.b2bpic.net/free-photo/side-view-man-taking-care-potted-plant_23-2149722647.jpg", alt: "user 3" }
       ]}
+      avatarText="Trusted by thousands of wellness seekers"
+      buttons={[{ text: "Start Your Journey", href: "#contact" }]}
     />
   </div>
 
   <div id="about" data-section="about">
       <TextAbout
       useInvertedBackground={false}
-      tag="Our Story"
-      title="Decades of Professional Arboriculture Experience"
-      buttons={[
-        {
-          text: "Learn More",
-          href: "#contact",
-        },
-      ]}
+      tag="Our Mission"
+      title="Redefining Aging through Regenerative Science"
+      buttons={[{ text: "Learn More", href: "#contact" }]}
     />
   </div>
 
@@ -134,67 +76,26 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "s1",
-          title: "Tree Removal",
-          subtitle: "Safe and efficient removal of problematic or hazardous trees.",
-          category: "Emergency",
-          value: "24/7 Service",
-        },
+          id: "s1",          title: "Cellular Repair",          subtitle: "Targeted nutrient delivery for deep cell recovery.",          category: "Science",          value: "Proven"},
         {
-          id: "s2",
-          title: "Pruning & Trimming",
-          subtitle: "Expert pruning to promote healthy growth and structural integrity.",
-          category: "Maintenance",
-          value: "Precision",
-        },
+          id: "s2",          title: "Energy Optimization",          subtitle: "Boost your natural metabolism for sustained vitality.",          category: "Energy",          value: "Peak"},
         {
-          id: "s3",
-          title: "Stump Grinding",
-          subtitle: "Complete removal of unsightly stumps to improve landscape aesthetic.",
-          category: "Cleanup",
-          value: "Full Removal",
-        },
-        {
-          id: "s4",
-          title: "Emergency Care",
-          subtitle: "Rapid response for storm damage and dangerous tree situations.",
-          category: "Safety",
-          value: "Immediate",
-        },
-        {
-          id: "s5",
-          title: "Tree Health",
-          subtitle: "Diagnostic services to identify diseases and nutrient deficiencies.",
-          category: "Consulting",
-          value: "Expert",
-        },
+          id: "s3",          title: "Anti-Inflammatory Care",          subtitle: "Calm your system and improve long-term resilience.",          category: "Wellness",          value: "Deep"}
       ]}
-      title="Our Professional Services"
-      description="Comprehensive tree management solutions for residential and commercial properties."
+      title="Our Core Technologies"
+      description="Innovative approaches to cellular health and longevity management."
     />
   </div>
 
   <div id="metrics" data-section="metrics">
       <MetricCardFourteen
       useInvertedBackground={false}
-      title="Impact by the Numbers"
-      tag="Our Impact"
+      title="Proven Results"
+      tag="Impact"
       metrics={[
-        {
-          id: "m1",
-          value: "15+",
-          description: "Years of Experience",
-        },
-        {
-          id: "m2",
-          value: "2000+",
-          description: "Trees Safely Removed",
-        },
-        {
-          id: "m3",
-          value: "100%",
-          description: "Safety Satisfaction",
-        },
+        { id: "m1", value: "10k+", description: "Successful Regenerations" },
+        { id: "m2", value: "25%", description: "Average Vitality Boost" },
+        { id: "m3", value: "98%", description: "Customer Satisfaction" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -207,43 +108,10 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "Sarah Miller",
-          handle: "@sarahml",
-          testimonial: "Excellent service! They removed a huge tree quickly and cleaned up everything perfectly.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-lumberjack-woodcutter-standing-by-tree-trunk-woods-holding-chainsaw_342744-251.jpg",
-        },
-        {
-          id: "t2",
-          name: "John Davis",
-          handle: "@johndavis",
-          testimonial: "Very professional arborist. The pruning job was meticulous and improved our garden view.",
-          imageSrc: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg",
-        },
-        {
-          id: "t3",
-          name: "Emily Chen",
-          handle: "@emilyc",
-          testimonial: "Reliable and safe. I always call these guys for annual maintenance.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-planting-vegetable-small-home-garden_53876-105373.jpg",
-        },
-        {
-          id: "t4",
-          name: "Mark Wilson",
-          handle: "@mwilson",
-          testimonial: "Fast response to an emergency tree down situation. Highly recommend their work.",
-          imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-owner-presenting-flowers-options-potential-customer-retailer_158595-6970.jpg",
-        },
-        {
-          id: "t5",
-          name: "Anna Lopez",
-          handle: "@annalopez",
-          testimonial: "Great attention to detail and very respectful of our property. Top-notch work.",
-          imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-owner-presenting-flowers-options-potential-customer-retailer-using-laptop_158595-7058.jpg",
-        },
+          id: "t1",          name: "Alice J.",          handle: "@alicej",          testimonial: "Cell Restore completely changed my energy levels. I feel 10 years younger!",          imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg"}
       ]}
-      title="Voices of Our Community"
-      description="See what our local customers are saying about our professional tree care services."
+      title="Testimonials"
+      description="Real stories of rejuvenation and renewed energy."
     />
   </div>
 
@@ -252,115 +120,50 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "When is the best time for pruning?",
-          content: "Late winter or early spring is ideal, though we can assess specific species.",
-        },
-        {
-          id: "f2",
-          title: "Are you licensed and insured?",
-          content: "Yes, we carry full insurance and are certified arborists.",
-        },
-        {
-          id: "f3",
-          title: "Do you offer emergency services?",
-          content: "Yes, we are available 24/7 for urgent tree issues caused by weather.",
-        },
+        { id: "f1", title: "Is it safe?", content: "Yes, our protocols are clinically tested." },
+        { id: "f2", title: "How fast can I see results?", content: "Most clients notice changes within weeks." },
       ]}
       title="Common Questions"
-      description="Quick answers to help you understand our services and process."
+      description="Everything you need to know."
       faqsAnimation="slide-up"
     />
   </div>
 
   <div id="blog" data-section="blog">
-      <BlogCardOne
+      <BlogCardThree
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
-      title="Latest Insights"
-      description="Tips, advice, and industry news to help maintain your outdoor space."
+      title="Knowledge Hub"
+      description="Stay updated on the latest in regenerative science and cellular health."
       blogs={[
         {
-          id: "b1",
-          category: "Guides",
-          title: "5 Tips for Spring Pruning",
-          excerpt: "Prepare your trees for new seasonal growth.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-cutting-plant-leaves_23-2148905282.jpg",
-          authorName: "Arborist Team",
-          authorAvatar: "http://img.b2bpic.net/free-photo/adult-reusing-objects-creative-ways_23-2149411804.jpg",
-          date: "March 2024",
-        },
-        {
-          id: "b2",
-          category: "Safety",
-          title: "Preparing for Stormy Seasons",
-          excerpt: "Reduce the risk of storm damage in your yard.",
-          imageSrc: "http://img.b2bpic.net/free-photo/blackboard-hanging-tree_23-2147770957.jpg",
-          authorName: "Arborist Team",
-          authorAvatar: "http://img.b2bpic.net/free-photo/handsome-young-professional-businessman-sitting-cafe-with-glass-coffee-working-laptop-searching-inspiration-outside-office-workspace_1258-314543.jpg",
-          date: "February 2024",
-        },
-        {
-          id: "b3",
-          category: "Health",
-          title: "Signs Your Tree Needs Care",
-          excerpt: "Learn to identify potential issues early on.",
-          imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-gardener-woman-apron-hat-holding-hedge-clippers-looking-camera-being-worried-standing-orange-background_141793-45654.jpg",
-          authorName: "Arborist Team",
-          authorAvatar: "http://img.b2bpic.net/free-photo/rear-view-woman-pointing-towards-something-greenhouse_23-2147948259.jpg",
-          date: "January 2024",
-        },
+          id: "b1",          category: "Science",          title: "The Future of Cellular Repair",          excerpt: "Exploring the next frontier of aging.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-cutting-plant-leaves_23-2148905282.jpg",          authorName: "Dr. Smith",          authorAvatar: "http://img.b2bpic.net/free-photo/adult-reusing-objects-creative-ways_23-2149411804.jpg",          date: "2024-05-10"}
       ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactSplitForm
       useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="Book Now"
-      title="Get a Free Estimate"
-      description="Contact us today for a free on-site evaluation of your tree care needs."
+      title="Join the Waitlist"
+      description="Be the first to experience our new restorative treatments."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Full Name" },
+        { name: "email", type: "email", placeholder: "Email Address" },
+      ]}
+      imageSrc="http://img.b2bpic.net/free-photo/handsome-young-professional-businessman-sitting-cafe-with-glass-coffee-working-laptop-searching-inspiration-outside-office-workspace_1258-314543.jpg"
+      buttonText="Subscribe Now"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterMedia
+      imageSrc="http://img.b2bpic.net/free-photo/side-view-man-taking-care-potted-plant_23-2149722647.jpg"
+      logoText="Cell Restore"
       columns={[
-        {
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Links", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] }
       ]}
-      logoText="ArborPros"
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000f06e6;
-  --primary-cta: #0a7039;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #000f06e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --background: #f5f5f5;
+  --card: #ffffff;
+  --foreground: #1c1c1c;
+  --primary-cta: #1c1c1c;
+  --primary-cta-text: #f5f5f5;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #1c1c1c;
+  --accent: #159c49;
+  --background-accent: #a8e8ba;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);