From a5d4a5b57d2d56e43a5487ae14434cc706e99a19 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 8 May 2026 13:22:04 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 156 +++++++++++++++--------------------------------
 1 file changed, 48 insertions(+), 108 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 37d7001..ebac26e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,7 +9,7 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import { CheckCircle, Leaf, Truck } from "lucide-react";
@@ -30,16 +30,12 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
+      <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "Materials",          id: "products"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "hero" },
+        { name: "Materials", id: "products" },
+        { name: "About", id: "about" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Contract Services Company"
     />
@@ -47,41 +43,28 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboard
-      background={{
-        variant: "gradient-bars"}}
+      background={{ variant: "gradient-bars" }}
       title="Your Trusted Partner for Quality Landscaping Supplies"
       description="Get the materials you need for your yard, play area, or landscaping project, delivered fast and affordably."
       buttons={[
-        {
-          text: "Call Now",          href: "tel:7709435108"},
-        {
-          text: "View Materials",          href: "#products"},
+        { text: "Call Now", href: "tel:7709435108" },
+        { text: "View Materials", href: "#products" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-13272.jpg"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215071.jpg",          alt: "Customer profile one"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-pointing-camera_1262-3266.jpg",          alt: "Customer profile two"},
-        {
-          src: "http://img.b2bpic.net/free-photo/man-standing-sideways-camera-talking-smartphone-outdoors_259150-59320.jpg",          alt: "Customer profile three"},
-        {
-          src: "http://img.b2bpic.net/free-photo/work-life-joyful-middle-aged-man-comfortable-casual-clothes-talking-smartphone-gesturing-while-sitting-open-terrace-country-house-sunny-day_259150-59318.jpg",          alt: "Customer profile four"},
-        {
-          src: "http://img.b2bpic.net/free-photo/man-growing-cultivating-plants-indoors_23-2149854848.jpg",          alt: "Customer profile five"},
+        { src: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215071.jpg", alt: "Customer profile one" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-pointing-camera_1262-3266.jpg", alt: "Customer profile two" },
+        { src: "http://img.b2bpic.net/free-photo/man-standing-sideways-camera-talking-smartphone-outdoors_259150-59320.jpg", alt: "Customer profile three" },
+        { src: "http://img.b2bpic.net/free-photo/work-life-joyful-middle-aged-man-comfortable-casual-clothes-talking-smartphone-gesturing-while-sitting-open-terrace-country-house-sunny-day_259150-59318.jpg", alt: "Customer profile four" },
+        { src: "http://img.b2bpic.net/free-photo/man-growing-cultivating-plants-indoors_23-2149854848.jpg", alt: "Customer profile five" },
       ]}
       avatarText="Trusted by 1000+ local homeowners"
       marqueeItems={[
-        {
-          type: "text",          text: "Quality Gravel"},
-        {
-          type: "text",          text: "Premium Mulch"},
-        {
-          type: "text",          text: "Topsoil Delivery"},
-        {
-          type: "text",          text: "Garden Stones"},
-        {
-          type: "text",          text: "Fast Local Service"},
+        { type: "text", text: "Quality Gravel" },
+        { type: "text", text: "Premium Mulch" },
+        { type: "text", text: "Topsoil Delivery" },
+        { type: "text", text: "Garden Stones" },
+        { type: "text", text: "Fast Local Service" },
       ]}
     />
   </div>
@@ -101,15 +84,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          id: "f1",          title: "Fast Delivery",          description: "Reliable delivery to your site when you need it.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-tractor-field_23-2147924049.jpg",          tag: "Service"
-        },
-        {
-          id: "f2",          title: "Great Selection",          description: "A wide variety of rocks, mulch, and soil for all needs.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-picture-garden-equipment-put-soil_1150-28380.jpg",          tag: "Products"
-        },
-        {
-          id: "f3",          title: "Competitive Pricing",          description: "Quality materials at prices that beat the big box stores.",          imageSrc: "http://img.b2bpic.net/free-photo/heavy-machinery-used-construction-industry-engineering_23-2151307759.jpg",          tag: "Value"
-        },
+        { id: "f1", title: "Fast Delivery", description: "Reliable delivery to your site when you need it.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-tractor-field_23-2147924049.jpg", tag: "Service" },
+        { id: "f2", title: "Great Selection", description: "A wide variety of rocks, mulch, and soil for all needs.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-picture-garden-equipment-put-soil_1150-28380.jpg", tag: "Products" },
+        { id: "f3", title: "Competitive Pricing", description: "Quality materials at prices that beat the big box stores.", imageSrc: "http://img.b2bpic.net/free-photo/heavy-machinery-used-construction-industry-engineering_23-2151307759.jpg", tag: "Value" },
       ]}
       title="Why Choose Us"
       description="High-quality products combined with service that exceeds expectations."
@@ -123,24 +100,12 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
       products={[
-        {
-          id: "p1",          brand: "Supplies",          name: "Decorative Gravel",          price: "$45/ton",          rating: 5,
-          reviewCount: "20",          imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12406.jpg"},
-        {
-          id: "p2",          brand: "Supplies",          name: "Premium Mulch",          price: "$30/yd",          rating: 5,
-          reviewCount: "15",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-tools-with-copyspace_23-2148198734.jpg"},
-        {
-          id: "p3",          brand: "Supplies",          name: "Garden Stone",          price: "$60/ton",          rating: 4,
-          reviewCount: "10",          imageSrc: "http://img.b2bpic.net/free-photo/up-green-rock-era-colored_1232-3768.jpg"},
-        {
-          id: "p4",          brand: "Supplies",          name: "Paver Rocks",          price: "$55/ton",          rating: 5,
-          reviewCount: "8",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-gravel-road_1137-90.jpg"},
-        {
-          id: "p5",          brand: "Supplies",          name: "Topsoil",          price: "$25/yd",          rating: 5,
-          reviewCount: "12",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-stack-firewoods_181624-21784.jpg"},
-        {
-          id: "p6",          brand: "Supplies",          name: "Slate Border",          price: "$70/ton",          rating: 4,
-          reviewCount: "5",          imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12310.jpg"},
+        { id: "p1", brand: "Supplies", name: "Decorative Gravel", price: "$45/ton", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12406.jpg" },
+        { id: "p2", brand: "Supplies", name: "Premium Mulch", price: "$30/yd", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-tools-with-copyspace_23-2148198734.jpg" },
+        { id: "p3", brand: "Supplies", name: "Garden Stone", price: "$60/ton", rating: 4, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/up-green-rock-era-colored_1232-3768.jpg" },
+        { id: "p4", brand: "Supplies", name: "Paver Rocks", price: "$55/ton", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/close-up-gravel-road_1137-90.jpg" },
+        { id: "p5", brand: "Supplies", name: "Topsoil", price: "$25/yd", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-stack-firewoods_181624-21784.jpg" },
+        { id: "p6", brand: "Supplies", name: "Slate Border", price: "$70/ton", rating: 4, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12310.jpg" },
       ]}
       title="Our Materials"
       description="Quality supplies for your outdoor projects."
@@ -153,15 +118,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",          title: "Happy Customers",          value: "1000+",          icon: CheckCircle,
-        },
-        {
-          id: "m2",          title: "Loads Delivered",          value: "5000+",          icon: Truck,
-        },
-        {
-          id: "m3",          title: "Products Available",          value: "50+",          icon: Leaf,
-        },
+        { id: "m1", title: "Happy Customers", value: "1000+", icon: CheckCircle },
+        { id: "m2", title: "Loads Delivered", value: "5000+", icon: Truck },
+        { id: "m3", title: "Products Available", value: "50+", icon: Leaf },
       ]}
       title="Our Impact"
       description="Years of helping homeowners and contractors succeed."
@@ -174,16 +133,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "t1",          name: "Nicholas Boyd",          handle: "@nicholas",          testimonial: "Great place to get any material that you need for your yard. Good prices, great service.",          imageSrc: "http://img.b2bpic.net/free-photo/man-talking-smartphone-sitting-open-terrace_259150-59317.jpg"},
-        {
-          id: "t2",          name: "Wendy Solomon",          handle: "@wendy",          testimonial: "Excellent service! They answered on Saturday, delivered Monday morning.",          imageSrc: "http://img.b2bpic.net/free-photo/man-working-eco-friendly-wind-power-project-with-layout_23-2148847779.jpg"},
-        {
-          id: "t3",          name: "Customer Three",          handle: "@customer3",          testimonial: "Awesome! This place is way better than the big box stores.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-construction-worker_23-2148233742.jpg"},
-        {
-          id: "t4",          name: "Customer Four",          handle: "@customer4",          testimonial: "Fast delivery, exactly what I ordered. Will use again.",          imageSrc: "http://img.b2bpic.net/free-photo/deliveryman-holding-gift-box-folder_7502-9035.jpg"},
-        {
-          id: "t5",          name: "Customer Five",          handle: "@customer5",          testimonial: "Very nice people, great prices, and professional.",          imageSrc: "http://img.b2bpic.net/free-photo/orders_23-2148013390.jpg"},
+        { id: "t1", name: "Nicholas Boyd", handle: "@nicholas", testimonial: "Great place to get any material that you need for your yard. Good prices, great service.", imageSrc: "http://img.b2bpic.net/free-photo/man-talking-smartphone-sitting-open-terrace_259150-59317.jpg" },
+        { id: "t2", name: "Wendy Solomon", handle: "@wendy", testimonial: "Excellent service! They answered on Saturday, delivered Monday morning.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-eco-friendly-wind-power-project-with-layout_23-2148847779.jpg" },
+        { id: "t3", name: "Customer Three", handle: "@customer3", testimonial: "Awesome! This place is way better than the big box stores.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-construction-worker_23-2148233742.jpg" },
+        { id: "t4", name: "Customer Four", handle: "@customer4", testimonial: "Fast delivery, exactly what I ordered. Will use again.", imageSrc: "http://img.b2bpic.net/free-photo/deliveryman-holding-gift-box-folder_7502-9035.jpg" },
+        { id: "t5", name: "Customer Five", handle: "@customer5", testimonial: "Very nice people, great prices, and professional.", imageSrc: "http://img.b2bpic.net/free-photo/orders_23-2148013390.jpg" },
       ]}
       title="Customer Reviews"
       description="See why locals trust us for their yard and landscaping projects."
@@ -195,12 +149,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",          title: "Do you deliver on weekends?",          content: "We do our best to accommodate your scheduling needs, even on weekends."},
-        {
-          id: "q2",          title: "What kind of materials do you sell?",          content: "We sell gravel, mulch, decorative rocks, sand, soil, and various other landscaping materials."},
-        {
-          id: "q3",          title: "How do I place an order?",          content: "You can call us directly at (770) 943-5108 to speak with our team and schedule your delivery."},
+        { id: "q1", title: "Do you deliver on weekends?", content: "We do our best to accommodate your scheduling needs, even on weekends." },
+        { id: "q2", title: "What kind of materials do you sell?", content: "We sell gravel, mulch, decorative rocks, sand, soil, and various other landscaping materials." },
+        { id: "q3", title: "How do I place an order?", content: "You can call us directly at (770) 943-5108 to speak with our team and schedule your delivery." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/rusty-red-car-lying-abandoned-forest-background-surrounded-by-trees_181624-17018.jpg"
       title="Common Questions"
@@ -212,35 +163,24 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={true}
-      background={{
-        variant: "plain"}}
+      background={{ variant: "plain" }}
       tag="Get in Touch"
       title="Ready to Start Your Project?"
       description="Call us today or visit our store in Hiram to get the materials you need for your next landscaping venture."
-      buttons={[
-        {
-          text: "(770) 943-5108",          href: "tel:7709435108"},
-      ]}
+      buttons={[{ text: "(770) 943-5108", href: "tel:7709435108" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "Location",          items: [
-            {
-              label: "711 Hiram Douglasville Hwy",              href: "#"},
-            {
-              label: "Hiram, GA 30141",              href: "#"},
-          ],
-        },
-        {
-          title: "Contact",          items: [
-            {
-              label: "(770) 943-5108",              href: "tel:7709435108"},
-          ],
-        },
+        { title: "Location", items: [
+          { label: "711 Hiram Douglasville Hwy", href: "#" },
+          { label: "Hiram, GA 30141", href: "#" },
+        ] },
+        { title: "Contact", items: [
+          { label: "(770) 943-5108", href: "tel:7709435108" },
+        ] },
       ]}
       bottomLeftText="Contract Services Company © 2024"
       bottomRightText="Built with quality service."
-- 
2.49.1