From ed3f48fea40022577a49aaa400f61eed0611f6dd Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 17 Apr 2026 14:37:47 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 391 ++++++++++++++++-------------------------------
 1 file changed, 133 insertions(+), 258 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 44db79d..bc93389 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,275 +19,150 @@ export default function LandingPage() {
         defaultButtonVariant="hover-magnetic"
         defaultTextAnimation="background-highlight"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Services",
-          id: "#services",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Gallery",
-          id: "#gallery",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="Sky Tree Services"
-      button={{
-        text: "Call Now",
-        href: "tel:615-568-9651",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Trust", id: "trust-metrics" },
+              { name: "Services", id: "services" },
+              { name: "About", id: "about" },
+              { name: "Reviews", id: "reviews" },
+              { name: "Gallery", id: "gallery" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Sky Tree Services"
+            button={{ text: "Call Now", href: "tel:615-568-9651" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogo
-      logoText="Sky Tree Services LLC"
-      description="Fast, Reliable Tree Service in Nashville — Available 24/7. Your expert team for emergency removals, trimming, and storm cleanup."
-      buttons={[
-        {
-          text: "Call Now",
-          href: "tel:615-568-9651",
-        },
-        {
-          text: "Free Estimate",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500812.jpg"
-      imageAlt="Professional tree services in Nashville"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroLogo
+            logoText="Sky Tree Services LLC"
+            description="Fast, Reliable Tree Service in Nashville — Available 24/7. Your expert team for emergency removals, trimming, and storm cleanup."
+            buttons={[
+              { text: "Call Now", href: "tel:615-568-9651" },
+              { text: "Free Estimate", href: "#contact" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500812.jpg"
+            imageAlt="Professional tree services in Nashville"
+          />
+        </div>
 
-  <div id="trust-metrics" data-section="trust-metrics">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "1",
-          value: "4.9+",
-          description: "Google Star Rating",
-        },
-        {
-          id: "2",
-          value: "74+",
-          description: "Verified Reviews",
-        },
-        {
-          id: "3",
-          value: "24/7",
-          description: "Emergency Service",
-        },
-        {
-          id: "4",
-          value: "Latino",
-          description: "Owned Business",
-        },
-      ]}
-      title="Trusted Excellence"
-      description="Providing safe, reliable service to the Nashville community."
-    />
-  </div>
+        <div id="trust-metrics" data-section="trust-metrics">
+          <MetricCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "1", value: "4.9+", description: "Google Star Rating" },
+              { id: "2", value: "74+", description: "Verified Reviews" },
+              { id: "3", value: "24/7", description: "Emergency Service" },
+              { id: "4", value: "Latino", description: "Owned Business" },
+            ]}
+            title="Trusted Excellence"
+            description="Providing safe, reliable service to the Nashville community."
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardSixteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      negativeCard={{
-        items: [
-          "Hazardous Tree Inspection",
-          "Cabling & Bracing",
-          "Land Clearing",
-          "24/7 Response",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "Tree Removal",
-          "Emergency Storm Cleanup",
-          "Stump Grinding",
-          "Tree Pruning",
-        ],
-      }}
-      title="Professional Tree Solutions"
-      description="Comprehensive tree care to keep your Nashville property safe and beautiful."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardSixteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            negativeCard={{ items: ["Hazardous Tree Inspection", "Cabling & Bracing", "Land Clearing", "24/7 Response"] }}
+            positiveCard={{ items: ["Tree Removal", "Emergency Storm Cleanup", "Stump Grinding", "Tree Pruning"] }}
+            title="Professional Tree Solutions"
+            description="Comprehensive tree care to keep your Nashville property safe and beautiful."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={false}
-      title="Why Choose Sky Tree Services?"
-      buttons={[
-        {
-          text: "Learn More",
-          href: "#about",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextAbout
+            useInvertedBackground={false}
+            title="Why Choose Sky Tree Services?"
+            buttons={[{ text: "Learn More", href: "#about" }]}
+          />
+        </div>
 
-  <div id="reviews" data-section="reviews">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="Sky Tree Services came out immediately after the storm. They were professional, fast, and left my yard looking cleaner than it was before. Highly recommended!"
-      rating={5}
-      author="Sarah M., Nashville Homeowner"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/receiving-keys-happy-couple-together-their-new-house-conception-moving_146671-16174.jpg",
-          alt: "Sarah M",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
-          alt: "John D",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-smartphone_23-2148993906.jpg",
-          alt: "Maria G",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/family-spending-time-together-home_23-2149038324.jpg",
-          alt: "David L",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg",
-          alt: "Emily K",
-        },
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
-    />
-  </div>
+        <div id="reviews" data-section="reviews">
+          <TestimonialCardFifteen
+            useInvertedBackground={false}
+            testimonial="Sky Tree Services came out immediately after the storm. They were professional, fast, and left my yard looking cleaner than it was before. Highly recommended!"
+            rating={5}
+            author="Sarah M., Nashville Homeowner"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/receiving-keys-happy-couple-together-their-new-house-conception-moving_146671-16174.jpg", alt: "Sarah M" },
+              { src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg", alt: "John D" },
+              { src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-smartphone_23-2148993906.jpg", alt: "Maria G" },
+              { src: "http://img.b2bpic.net/free-photo/family-spending-time-together-home_23-2149038324.jpg", alt: "David L" },
+              { src: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg", alt: "Emily K" },
+            ]}
+            ratingAnimation="slide-up"
+            avatarsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="gallery" data-section="gallery">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          name: "Removal Project",
-          price: "Before & After",
-          imageSrc: "http://img.b2bpic.net/free-photo/wood-processing-factory_1112-1217.jpg",
-        },
-        {
-          id: "2",
-          name: "Pruning Result",
-          price: "Expert Trim",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-traveler-with-backpack-mountain-enjoying-with-nature-around-travel-lifestyle-concept_1150-1982.jpg",
-        },
-        {
-          id: "3",
-          name: "Storm Response",
-          price: "Emergency Care",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-dried-branches_23-2148396748.jpg",
-        },
-        {
-          id: "4",
-          name: "Stump Grinding",
-          price: "Clean Finish",
-          imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702185.jpg",
-        },
-        {
-          id: "5",
-          name: "Tree Care",
-          price: "Healthy Trees",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-gardener-cutting-dried-branches_23-2148396750.jpg",
-        },
-        {
-          id: "6",
-          name: "Crew at Work",
-          price: "Safety First",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-bouldering-spot_23-2151734288.jpg",
-        },
-      ]}
-      title="Our Work"
-      description="Proven results for Nashville residents and business owners."
-    />
-  </div>
+        <div id="gallery" data-section="gallery">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", name: "Removal Project", price: "Before & After", imageSrc: "http://img.b2bpic.net/free-photo/wood-processing-factory_1112-1217.jpg" },
+              { id: "2", name: "Pruning Result", price: "Expert Trim", imageSrc: "http://img.b2bpic.net/free-photo/young-man-traveler-with-backpack-mountain-enjoying-with-nature-around-travel-lifestyle-concept_1150-1982.jpg" },
+              { id: "3", name: "Storm Response", price: "Emergency Care", imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-dried-branches_23-2148396748.jpg" },
+              { id: "4", name: "Stump Grinding", price: "Clean Finish", imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702185.jpg" },
+              { id: "5", name: "Tree Care", price: "Healthy Trees", imageSrc: "http://img.b2bpic.net/free-photo/close-up-gardener-cutting-dried-branches_23-2148396750.jpg" },
+              { id: "6", name: "Crew at Work", price: "Safety First", imageSrc: "http://img.b2bpic.net/free-photo/man-bouldering-spot_23-2151734288.jpg" },
+            ]}
+            title="Our Work"
+            description="Proven results for Nashville residents and business owners."
+          />
+        </div>
 
-  <div id="service-area" data-section="service-area">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Nashville",
-        "Brentwood",
-        "Franklin",
-        "Hendersonville",
-        "Murfreesboro",
-        "Mount Juliet",
-        "Antioch",
-      ]}
-      title="Serving the Greater Nashville Area"
-      description="We proudly serve neighborhoods throughout Nashville and Davidson County."
-    />
-  </div>
+        <div id="service-area" data-section="service-area">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["Nashville", "Brentwood", "Franklin", "Hendersonville", "Murfreesboro", "Mount Juliet", "Antioch"]}
+            title="Serving the Greater Nashville Area"
+            description="We proudly serve neighborhoods throughout Nashville and Davidson County."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Request Quote"
-      title="Get Your Free Quote"
-      description="Need urgent help or planning a tree project? Contact us today for reliable service."
-      imageSrc="http://img.b2bpic.net/free-photo/team-lifesavers-rescuers-searching-missing-person_482257-90995.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Request Quote"
+            title="Get Your Free Quote"
+            description="Need urgent help or planning a tree project? Contact us today for reliable service."
+            imageSrc="http://img.b2bpic.net/free-photo/team-lifesavers-rescuers-searching-missing-person_482257-90995.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Call: 615-568-9651",
-              href: "tel:615-568-9651",
-            },
-            {
-              label: "Nashville, TN",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Sky Tree Services LLC"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }] },
+              { title: "Contact", items: [{ label: "Call: 615-568-9651", href: "tel:615-568-9651" }, { label: "Nashville, TN", href: "#" }] },
+            ]}
+            logoText="Sky Tree Services LLC"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1