Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -29,106 +29,35 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
+        { name: "Services", id: "services" },
-          name: "Services",
+        { name: "Emergency", id: "emergency" },
-          id: "services",
+        { name: "Testimonials", id: "testimonials" },
-        },
+        { name: "Contact", id: "contact" },
-        {
-          name: "Emergency",
-          id: "emergency",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="East TN Tree Service"
       button={{
-        text: "Call Now",
+        text: "Call Now",        href: "tel:865-555-0123"}}
-        href: "tel:865-555-0123",
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
+      title="24/7 Professional Tree Care & Emergency Cleanup"
-      }}
+      description="Fast response, expert tree removal, and precision trimming for homeowners in Louisville, TN and surrounding areas. Fully insured, reliable service."
-      title="24/7 Tree Removal & Emergency Storm Cleanup"
-      description="Fast response. Professional crew. No property damage. Serving Louisville, TN and surrounding areas with expertise you can trust."
       kpis={[
-        {
+        { value: "24/7", label: "Emergency Response" },
-          value: "4.7+",
+        { value: "100%", label: "Insured & Bonded" },
-          label: "Google Rating",
+        { value: "4.8", label: "Google Rating" },
-        },
-        {
-          value: "24/7",
-          label: "Emergency Service",
-        },
-        {
-          value: "Fully",
-          label: "Insured",
-        },
       ]}
       enableKpiAnimation={true}
       buttons={[
-        {
+        { text: "Call (865) 555-0123", href: "tel:865-555-0123" },
-          text: "Call Now (865) 555-0123",
+        { text: "Free Estimate", href: "#contact" },
-          href: "tel:865-555-0123",
-        },
-        {
-          text: "Get Free Estimate",
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/stylistic-photo-old-vintage-grunged-yellow-empty-ski-lift-chair-isolated-left-bahinf-pine-tree-branches-winter-forest-focus-seat_346278-467.jpg?_wi=1"
       mediaAnimation="slide-up"
-      avatars={[
+      avatarText="Trusted by local families"
-        {
-          src: "http://img.b2bpic.net/free-photo/stylistic-photo-old-vintage-grunged-yellow-empty-ski-lift-chair-isolated-left-bahinf-pine-tree-branches-winter-forest-focus-seat_346278-467.jpg",
-          alt: "Arborist",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-with-chainsaw-cuts-tree_169016-1835.jpg",
-          alt: "Climber",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/travel-items-log_23-2147628878.jpg",
-          alt: "Crew Member",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/red-torii-shrine-temple-japan_1150-10852.jpg",
-          alt: "Foreman",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-goes-down-rope-entertainment-park_1304-5026.jpg",
-          alt: "Safety Officer",
-        },
-      ]}
-      avatarText="Trusted by over 400+ local families"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Licensed & Bonded",
-        },
-        {
-          type: "text",
-          text: "24/7 Availability",
-        },
-        {
-          type: "text",
-          text: "Safety First",
-        },
-        {
-          type: "text",
-          text: "Free Estimates",
-        },
-        {
-          type: "text",
-          text: "Zero-Damage Guarantee",
-        },
-      ]}
     />
   </div>
 
@@ -137,22 +66,10 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
-      negativeCard={{
+      negativeCard={{ items: ["Certified Arborist Team", "Fully Insured", "Spotless Cleanup"] }}
-        items: [
+      positiveCard={{ items: ["Tree Removal & Trimming", "Emergency Storm Cleanup", "Crane-Assisted Removal"] }}
-          "Certified Arborist Team",
+      title="Comprehensive Tree Services"
-          "Fully Insured & Bonded",
+      description="We handle everything from routine pruning to dangerous storm damage mitigation with safety-first precision."
-          "Spotless Property Cleanup",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "Tree Removal & Trimming",
-          "Storm Damage Cleanup",
-          "Crane-Assisted Precision Removal",
-        ],
-      }}
-      title="Professional Tree Services"
-      description="We specialize in safe, efficient, and professional tree care for every property type."
       tag="Our Expertise"
       tagIcon={Leaf}
     />
@@ -160,17 +77,12 @@ export default function LandingPage() {
 
   <div id="emergency" data-section="emergency">
       <MediaAbout
-      useInvertedBackground={false}
+      useInvertedBackground={true}
-      title="Tree Fell? We’re Available 24/7."
+      title="Storm Damage? We're Ready to Help."
-      description="Urgent storm damage can't wait. Whether it's a tree on your home, a blocked driveway, or dangerous hanging limbs, our emergency crew is ready to respond immediately to secure your property."
+      description="Emergencies happen when you least expect them. Our dedicated response team provides around-the-clock emergency tree removal to clear hazards and protect your property fast."
-      buttons={[
+      buttons={[{ text: "Emergency Response: (865) 555-0123", href: "tel:865-555-0123" }]}
-        {
+      imageSrc="http://img.b2bpic.net/free-photo/man-with-chainsaw-cuts-tree_169016-1835.jpg?_wi=1"
-          text: "Emergency? Call 24/7",
+      tag="24/7 Emergency"
-          href: "tel:865-555-0123",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/travel-items-log_23-2147628878.jpg?_wi=1"
-      tag="Emergency Response"
       tagIcon={AlertTriangle}
     />
   </div>
@@ -181,85 +93,32 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Sarah M.", role: "Louisville Resident", company: "", rating: 5 },
-          id: "1",
+        { id: "2", name: "John D.", role: "Louisville Resident", company: "", rating: 5 },
-          name: "Sarah Miller",
+        { id: "3", name: "Emily C.", role: "Alcoa Resident", company: "", rating: 5 },
-          role: "Homeowner",
-          company: "Louisville",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/stylistic-photo-old-vintage-grunged-yellow-empty-ski-lift-chair-isolated-left-bahinf-pine-tree-branches-winter-forest-focus-seat_346278-467.jpg?_wi=2",
-          imageAlt: "professional tree service crew",
-        },
-        {
-          id: "2",
-          name: "John Davis",
-          role: "Homeowner",
-          company: "Louisville",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-chainsaw-cuts-tree_169016-1835.jpg",
-          imageAlt: "tree removal job site",
-        },
-        {
-          id: "3",
-          name: "Emily Chen",
-          role: "Homeowner",
-          company: "Alcoa",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/travel-items-log_23-2147628878.jpg?_wi=2",
-          imageAlt: "storm damage cleanup",
-        },
-        {
-          id: "4",
-          name: "Michael Reed",
-          role: "Business Owner",
-          company: "Louisville",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/red-torii-shrine-temple-japan_1150-10852.jpg",
-          imageAlt: "crane tree removal work",
-        },
-        {
-          id: "5",
-          name: "Laura White",
-          role: "Homeowner",
-          company: "Maryville",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-goes-down-rope-entertainment-park_1304-5026.jpg?_wi=1",
-          imageAlt: "tree service truck parked",
-        },
       ]}
       kpiItems={[
-        {
+        { value: "500+", label: "Jobs Completed" },
-          value: "400+",
+        { value: "100%", label: "Safety Rating" },
-          label: "5-Star Reviews",
+        { value: "5 Star", label: "Customer Average" },
-        },
-        {
-          value: "100%",
-          label: "Customer Satisfaction",
-        },
-        {
-          value: "0",
-          label: "Property Damage",
-        },
       ]}
-      title="Trusted by Your Neighbors"
+      title="Trusted Results, Every Time"
-      description="We treat every property with extreme care and focus on zero-damage results."
+      description="Hear from our neighbors in Louisville about why they trust us with their biggest projects."
-      tag="What Clients Say"
+      tag="Proven Experience"
       tagIcon={Star}
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplit
-      useInvertedBackground={false}
+      useInvertedBackground={true}
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "plain",
-      }}
       tag="Contact Us"
-      title="Get a Free Estimate Today"
+      title="Get Your Free Estimate"
-      description="Not an emergency? Fill out the form below and our team will get back to you promptly."
+      description="Need non-urgent service? Provide your details and we will schedule an on-site visit for an accurate, no-obligation quote."
-      imageSrc="http://img.b2bpic.net/free-photo/man-goes-down-rope-entertainment-park_1304-5026.jpg?_wi=2"
+      imageSrc="http://img.b2bpic.net/free-photo/travel-items-log_23-2147628878.jpg?_wi=1"
       inputPlaceholder="Enter your phone number"
-      buttonText="Send Request"
+      buttonText="Submit Request"
       tagIcon={PhoneCall}
       mediaAnimation="slide-up"
     />
@@ -268,42 +127,9 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
+        { items: [{ label: "Home", href: "/" }, { label: "Services", href: "#services" }] },
-          items: [
+        { items: [{ label: "Emergency", href: "#emergency" }, { label: "Contact", href: "#contact" }] },
-            {
+        { items: [{ label: "Terms of Service", href: "#" }, { label: "Privacy", href: "#" }] },
-              label: "Home",
-              href: "/",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Emergency",
-              href: "#emergency",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
       ]}
       logoText="East TN Tree Service"
     />