Update src/app/contact/page.tsx

Merge version_1 into main

src/app/contact/page.tsx

@@ -0,0 +1,60 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import React from 'react';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Services", id: "/services" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="ArborPro"
+          button={{ text: "Get Quote", href: "/contact" }}
+        />
+      </div>
+      <main>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            tag="Get in Touch"
+            title="Contact Us For Your Tree Care Needs"
+            description="Reach out to our professional team today for expert arboricultural services."
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+            buttons={[{ text: "Submit", href: "#" }]}
+          />
+        </div>
+      </main>
+      <div id="footer" data-section="footer">
+        <FooterMedia
+          logoText="ArborPro"
+          videoSrc="https://assets.mixkit.co/videos/preview/mixkit-forest-stream-in-the-sunlight-356-large.mp4"
+          columns={[
+            { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Reviews", href: "/reviews" }] },
+            { title: "Services", items: [{ label: "Pruning", href: "/services" }, { label: "Removal", href: "/services" }] },
+            { title: "Support", items: [{ label: "Contact", href: "/contact" }, { label: "Privacy", href: "/privacy" }] },
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -33,68 +33,43 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Services",
-          id: "#features",
-        },
+          name: "Services",          id: "/services"},
         {
-          name: "Why Us",
-          id: "#about",
-        },
+          name: "Why Us",          id: "/about"},
         {
-          name: "Reviews",
-          id: "#testimonials",
-        },
+          name: "Reviews",          id: "/reviews"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "/contact"},
       ]}
       brandName="ArborPro"
       button={{
-        text: "Get Quote",
-        href: "#contact",
-      }}
+        text: "Get Quote",        href: "/contact"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Professional Tree Trimming, Safely Done Right"
       description="Certified arborists protecting your property and landscape. Free estimates, fully insured, same-week service available."
       buttons={[
         {
-          text: "Request Free Estimate",
-          href: "#contact",
-        },
+          text: "Request Free Estimate",          href: "/contact"},
       ]}
       mediaItems={[
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CpR37lvekQ9JMF0P8rxVBCmgJD/uploaded-1777080404678-kxh2doap.png?_wi=1",
-          imageAlt: "Trimming service 1",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CpR37lvekQ9JMF0P8rxVBCmgJD/uploaded-1777080404678-kxh2doap.png?_wi=1",          imageAlt: "Trimming service 1"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CpR37lvekQ9JMF0P8rxVBCmgJD/uploaded-1777080404678-shllb02o.png",
-          imageAlt: "Trimming service 2",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CpR37lvekQ9JMF0P8rxVBCmgJD/uploaded-1777080404678-shllb02o.png",          imageAlt: "Trimming service 2"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CpR37lvekQ9JMF0P8rxVBCmgJD/uploaded-1777080404678-au8ffj43.png",
-          imageAlt: "Trimming service 3",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CpR37lvekQ9JMF0P8rxVBCmgJD/uploaded-1777080404678-au8ffj43.png",          imageAlt: "Trimming service 3"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CpR37lvekQ9JMF0P8rxVBCmgJD/uploaded-1777080404678-ovpoqe87.png",
-          imageAlt: "Trimming service 4",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CpR37lvekQ9JMF0P8rxVBCmgJD/uploaded-1777080404678-ovpoqe87.png",          imageAlt: "Trimming service 4"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CpR37lvekQ9JMF0P8rxVBCmgJD/uploaded-1777080404679-gxcczyl5.png",
-          imageAlt: "Trimming service 5",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CpR37lvekQ9JMF0P8rxVBCmgJD/uploaded-1777080404679-gxcczyl5.png",          imageAlt: "Trimming service 5"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-prepares-climb-ropes-park_1304-4997.jpg?_wi=1",
-          imageAlt: "Trimming service 6",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/man-prepares-climb-ropes-park_1304-4997.jpg?_wi=1",          imageAlt: "Trimming service 6"},
       ]}
     />
   </div>
@@ -106,19 +81,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: ShieldCheck,
-          label: "Fully Insured",
-          value: "100%",
-        },
+          label: "Fully Insured",          value: "100%"},
         {
           icon: Award,
-          label: "Certified Arborists",
-          value: "15+",
-        },
+          label: "Certified Arborists",          value: "15+"},
         {
           icon: Clock,
-          label: "Years Experience",
-          value: "20+",
-        },
+          label: "Years Experience",          value: "20+"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -131,35 +100,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "1",
-          title: "Tree Pruning",
-          author: "Pro Team",
-          description: "Expert canopy management to enhance health and property aesthetics.",
-          tags: [
-            "Maintenance",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/man-prepares-climb-ropes-park_1304-4997.jpg?_wi=2",
-        },
+          id: "1",          title: "Tree Pruning",          author: "Pro Team",          description: "Expert canopy management to enhance health and property aesthetics.",          tags: [
+            "Maintenance"],
+          imageSrc: "http://img.b2bpic.net/free-photo/man-prepares-climb-ropes-park_1304-4997.jpg?_wi=2"},
         {
-          id: "2",
-          title: "Hazardous Removal",
-          author: "Removal Team",
-          description: "Safe, efficient removal of dead or dangerous trees by specialists.",
-          tags: [
-            "Safety",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/pile-logs-green-forest_181624-42990.jpg",
-        },
+          id: "2",          title: "Hazardous Removal",          author: "Removal Team",          description: "Safe, efficient removal of dead or dangerous trees by specialists.",          tags: [
+            "Safety"],
+          imageSrc: "http://img.b2bpic.net/free-photo/pile-logs-green-forest_181624-42990.jpg"},
         {
-          id: "3",
-          title: "Stump Grinding",
-          author: "Cleanup Team",
-          description: "Complete removal of stumps to reclaim your landscape space.",
-          tags: [
-            "Cleanup",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/faceless-lumberman-chopping-log-forest_23-2148253379.jpg",
-        },
+          id: "3",          title: "Stump Grinding",          author: "Cleanup Team",          description: "Complete removal of stumps to reclaim your landscape space.",          tags: [
+            "Cleanup"],
+          imageSrc: "http://img.b2bpic.net/free-photo/faceless-lumberman-chopping-log-forest_23-2148253379.jpg"},
       ]}
       title="Our Specialized Tree Services"
       description="Precision care for every tree on your property, ensuring health and safety."
@@ -173,20 +124,11 @@ export default function LandingPage() {
       tag="Trusted Quality"
       metrics={[
         {
-          id: "m1",
-          value: "5000+",
-          description: "Trees Safely Trimmed",
-        },
+          id: "m1",          value: "5000+",          description: "Trees Safely Trimmed"},
         {
-          id: "m2",
-          value: "98%",
-          description: "Customer Satisfaction",
-        },
+          id: "m2",          value: "98%",          description: "Customer Satisfaction"},
         {
-          id: "m3",
-          value: "24/7",
-          description: "Emergency Availability",
-        },
+          id: "m3",          value: "24/7",          description: "Emergency Availability"},
       ]}
       metricsAnimation="blur-reveal"
     />
@@ -199,59 +141,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah Miller",
-          role: "Homeowner",
-          company: "Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-couple-browsing-tablet-table_23-2147895027.jpg",
-        },
+          id: "1",          name: "Sarah Miller",          role: "Homeowner",          company: "Resident",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-couple-browsing-tablet-table_23-2147895027.jpg"},
         {
-          id: "2",
-          name: "David Chen",
-          role: "Property Manager",
-          company: "Management",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-smiling-woman_171337-4171.jpg",
-        },
+          id: "2",          name: "David Chen",          role: "Property Manager",          company: "Management",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-smiling-woman_171337-4171.jpg"},
         {
-          id: "3",
-          name: "Robert Smith",
-          role: "Homeowner",
-          company: "Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/gardening-mid-aged-man-working-garden-with-gtareden-inventory_259150-58928.jpg",
-        },
+          id: "3",          name: "Robert Smith",          role: "Homeowner",          company: "Resident",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/gardening-mid-aged-man-working-garden-with-gtareden-inventory_259150-58928.jpg"},
         {
-          id: "4",
-          name: "Maria Garcia",
-          role: "Landowner",
-          company: "Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-university-student-girl-sits-park-lawn-leans-tree-smiles-resting-outdoors_1258-137859.jpg",
-        },
+          id: "4",          name: "Maria Garcia",          role: "Landowner",          company: "Resident",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-university-student-girl-sits-park-lawn-leans-tree-smiles-resting-outdoors_1258-137859.jpg"},
         {
-          id: "5",
-          name: "Tom Baker",
-          role: "Manager",
-          company: "Commercial",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/group-friends-restaurant_23-2148395357.jpg",
-        },
+          id: "5",          name: "Tom Baker",          role: "Manager",          company: "Commercial",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/group-friends-restaurant_23-2148395357.jpg"},
       ]}
       kpiItems={[
         {
-          value: "4.9/5",
-          label: "Avg Rating",
-        },
+          value: "4.9/5",          label: "Avg Rating"},
         {
-          value: "100%",
-          label: "Reliability",
-        },
+          value: "100%",          label: "Reliability"},
         {
-          value: "500+",
-          label: "Reviews",
-        },
+          value: "500+",          label: "Reviews"},
       ]}
       title="What Our Clients Say"
       description="Hear from the homeowners and property managers we've helped."
@@ -263,14 +174,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "Evergreen Management",
-        "Oakland HOA",
-        "Maple Grove Realty",
-        "Pine Valley Estates",
-        "Cedar Crest Services",
-        "Willow Creek Prop",
-        "Birch Grove Association",
-      ]}
+        "Evergreen Management",        "Oakland HOA",        "Maple Grove Realty",        "Pine Valley Estates",        "Cedar Crest Services",        "Willow Creek Prop",        "Birch Grove Association"]}
       title="We Work With The Best"
       description="Trusted by leading property management firms and local associations."
     />
@@ -281,20 +185,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
-          title: "Are you fully insured?",
-          content: "Yes, we are fully licensed and insured for your protection and property safety.",
-        },
+          id: "q1",          title: "Are you fully insured?",          content: "Yes, we are fully licensed and insured for your protection and property safety."},
         {
-          id: "q2",
-          title: "Do you offer emergency service?",
-          content: "We offer 24/7 emergency response for storm damage and dangerous tree hazards.",
-        },
+          id: "q2",          title: "Do you offer emergency service?",          content: "We offer 24/7 emergency response for storm damage and dangerous tree hazards."},
         {
-          id: "q3",
-          title: "How long until you can start?",
-          content: "We pride ourselves on responsive service and can often schedule same-week assessments.",
-        },
+          id: "q3",          title: "How long until you can start?",          content: "We pride ourselves on responsive service and can often schedule same-week assessments."},
       ]}
       sideTitle="Frequently Asked Questions"
       faqsAnimation="slide-up"
@@ -305,16 +200,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={true}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Ready to get started?"
       title="Schedule Your Free Estimate"
       description="Fill out our form or call us to discuss your tree care needs today."
       buttons={[
         {
-          text: "Contact Us Now",
-          href: "#",
-        },
+          text: "Contact Us Now",          href: "/contact"},
       ]}
     />
   </div>
@@ -325,42 +217,27 @@ export default function LandingPage() {
       logoText="ArborPro"
       columns={[
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About Us",
-              href: "#about",
-            },
+              label: "About Us",              href: "/about"},
             {
-              label: "Reviews",
-              href: "#testimonials",
-            },
+              label: "Reviews",              href: "/reviews"},
           ],
         },
         {
-          title: "Services",
-          items: [
+          title: "Services",          items: [
             {
-              label: "Pruning",
-              href: "#features",
-            },
+              label: "Pruning",              href: "/services"},
             {
-              label: "Removal",
-              href: "#features",
-            },
+              label: "Removal",              href: "/services"},
           ],
         },
         {
-          title: "Support",
-          items: [
+          title: "Support",          items: [
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "/contact"},
             {
-              label: "Privacy",
-              href: "#",
-            },
+              label: "Privacy",              href: "/privacy"},
           ],
         },
       ]}