Merge version_2 into main

Merge version_2 into main

src/app/about/page.tsx

@@ -0,0 +1,39 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import ReactLenis from "lenis/react";
+
+export default function AboutPage() {
+  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">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Services", id: "/services" }, { name: "Projects", id: "/portfolio" }, { name: "Quote", id: "/pricing" }, { name: "Contact", id: "/#contact" }]}
+            brandName="DC Contracting"
+          />
+        </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            title="About DC Contracting"
+            description="We have been building quality homes for over 20 years."
+            metrics={[{ value: "20+", title: "Years Exp" }, { value: "500+", title: "Projects" }]}
+            useInvertedBackground={false}
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            logoText="DC Contracting"
+            videoSrc="https://videos.pexels.com/video-files/4253133/4253133-sd_506_960_24fps.mp4?_wi=1"
+            columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Portfolio", href: "/portfolio" }] }, { title: "Support", items: [{ label: "Quote", href: "/pricing" }, { label: "Contact", href: "/#contact" }] }]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/contact/page.tsx

@@ -0,0 +1,67 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="smallMedium"
+        sizing="large"
+        background="noiseDiagonalGradient"
+        cardStyle="gradient-mesh"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="layered"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="DC Contracting"
+          />
+        </div>
+
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Contact Us"
+            description="Reach out to our professional team for inquiries or service quotes."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Full Name", required: true },
+              { name: "email", type: "email", placeholder: "Email Address", required: true },
+            ]}
+            multiSelect={{
+              name: "inquiry_type",              label: "Service Inquiry",              options: ["Residential Remodel", "Commercial Contracting", "Exterior Repairs", "Flooring", "Other"]
+            }}
+            textarea={{
+              name: "message",              placeholder: "How can we help you?",              rows: 5,
+              required: true,
+            }}
+            imageSrc="http://img.b2bpic.net/free-photo/team-people-drinking-coffee_23-2147668849.jpg?_wi=2"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/medium-shot-workers-high-five_23-2149366623.jpg"
+            logoText="DC Contracting"
+            columns={[
+              { title: "Links", items: [{ label: "Home", href: "/" }] },
+              { title: "Support", items: [{ label: "Contact", href: "/contact" }] },
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -33,21 +33,13 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "features"},
-          id: "features",
-        },
         {
-          name: "Testimonials",
+          name: "Testimonials",          id: "testimonials"},
-          id: "testimonials",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "/contact"},
-          id: "contact",
-        },
       ]}
       brandName="DC Contracting"
     />
@@ -57,92 +49,51 @@ export default function LandingPage() {
       <HeroBillboardTestimonial
       useInvertedBackground={true}
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Excellence in Contracting."
       description="DC Contracting delivers high-quality construction and renovation services with precision, reliability, and unparalleled craftsmanship."
       testimonials={[
         {
-          name: "John Doe",
+          name: "John Doe",          handle: "@johndoe",          testimonial: "Exceptional work on my home renovation. Professional and reliable.",          rating: 5,
-          handle: "@johndoe",
+          imageSrc: "http://img.b2bpic.net/free-photo/building-contractor-bending-home-plans_329181-3747.jpg?_wi=1"},
-          testimonial: "Exceptional work on my home renovation. Professional and reliable.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/building-contractor-bending-home-plans_329181-3747.jpg?_wi=1",
-        },
         {
-          name: "Jane Smith",
+          name: "Jane Smith",          handle: "@janesmith",          testimonial: "DC Contracting is the best in the business. On time, on budget.",          rating: 5,
-          handle: "@janesmith",
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-making-plans-remodel-house_23-2148814633.jpg?_wi=1"},
-          testimonial: "DC Contracting is the best in the business. On time, on budget.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-making-plans-remodel-house_23-2148814633.jpg?_wi=1",
-        },
         {
-          name: "Mark Wilson",
+          name: "Mark Wilson",          handle: "@mwilson",          testimonial: "Incredible attention to detail throughout the entire build.",          rating: 5,
-          handle: "@mwilson",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-architect-writing-clipboard-outdoors_23-2148203949.jpg?_wi=1"},
-          testimonial: "Incredible attention to detail throughout the entire build.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-architect-writing-clipboard-outdoors_23-2148203949.jpg?_wi=1",
-        },
         {
-          name: "Elena Rodriguez",
+          name: "Elena Rodriguez",          handle: "@erodriguez",          testimonial: "Professional, courteous, and highly skilled team.",          rating: 5,
-          handle: "@erodriguez",
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-planning-trip-table_23-2148925829.jpg?_wi=1"},
-          testimonial: "Professional, courteous, and highly skilled team.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-planning-trip-table_23-2148925829.jpg?_wi=1",
-        },
         {
-          name: "David Thompson",
+          name: "David Thompson",          handle: "@dthompson",          testimonial: "Reliable experts who truly care about the quality of the finish.",          rating: 5,
-          handle: "@dthompson",
+          imageSrc: "http://img.b2bpic.net/free-photo/builder-showing-blueprint-colleague_23-2147711060.jpg?_wi=1"},
-          testimonial: "Reliable experts who truly care about the quality of the finish.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/builder-showing-blueprint-colleague_23-2147711060.jpg?_wi=1",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/site-engineer-construction-site_53876-16128.jpg"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/construction-site_53876-14088.jpg",
+          src: "http://img.b2bpic.net/free-photo/construction-site_53876-14088.jpg",          alt: "Construction site"},
-          alt: "Construction site",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/site-engineer-construction-site_53876-42833.jpg",
+          src: "http://img.b2bpic.net/free-photo/site-engineer-construction-site_53876-42833.jpg",          alt: "Site engineer on a construction site"},
-          alt: "Site engineer on a construction site",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/construction-site_53876-16234.jpg",
+          src: "http://img.b2bpic.net/free-photo/construction-site_53876-16234.jpg",          alt: "Construction site"},
-          alt: "Construction site",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/construction-site-with-tower-crane-apartments-urban-modern-architecture_169016-69092.jpg",
+          src: "http://img.b2bpic.net/free-photo/construction-site-with-tower-crane-apartments-urban-modern-architecture_169016-69092.jpg",          alt: "Construction site with tower crane"},
-          alt: "Construction site with tower crane",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/front-view-man-holding-spirit-level_23-2148384451.jpg",
+          src: "http://img.b2bpic.net/free-photo/front-view-man-holding-spirit-level_23-2148384451.jpg",          alt: "Front view of man holding spirit level"},
-          alt: "Front view of man holding spirit level",
-        },
       ]}
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Licensed & Bonded"},
-          text: "Licensed & Bonded",
-        },
         {
-          type: "text",
+          type: "text",          text: "20+ Years Experience"},
-          text: "20+ Years Experience",
-        },
         {
-          type: "text",
+          type: "text",          text: "Residential & Commercial"},
-          text: "Residential & Commercial",
-        },
         {
-          type: "text",
+          type: "text",          text: "Quality Guaranteed"},
-          text: "Quality Guaranteed",
-        },
         {
-          type: "text",
+          type: "text",          text: "Free Consultations"},
-          text: "Free Consultations",
-        },
       ]}
     />
   </div>
@@ -154,13 +105,9 @@ export default function LandingPage() {
       description="With over 20 years of experience, we pride ourselves on delivering structural integrity and aesthetic perfection for every project."
       metrics={[
         {
-          value: "20+",
+          value: "20+",          title: "Years Experience"},
-          title: "Years Experience",
-        },
         {
-          value: "500+",
+          value: "500+",          title: "Projects Completed"},
-          title: "Projects Completed",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/worker-with-spirit-level-wall_23-2148384562.jpg"
       mediaAnimation="blur-reveal"
@@ -174,26 +121,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          tag: "Kitchens",
+          tag: "Kitchens",          title: "Kitchen Remodeling",          subtitle: "Modernizing cooking spaces.",          description: "High-end kitchen designs.",          imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278551.jpg"},
-          title: "Kitchen Remodeling",
-          subtitle: "Modernizing cooking spaces.",
-          description: "High-end kitchen designs.",
-          imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278551.jpg",
-        },
         {
-          tag: "Exteriors",
+          tag: "Exteriors",          title: "Exterior Repairs",          subtitle: "Structural integrity matters.",          description: "Reliable roofing and siding.",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-together-with-helmets_23-2149343707.jpg"},
-          title: "Exterior Repairs",
-          subtitle: "Structural integrity matters.",
-          description: "Reliable roofing and siding.",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-together-with-helmets_23-2149343707.jpg",
-        },
         {
-          tag: "Flooring",
+          tag: "Flooring",          title: "Floor Installation",          subtitle: "Quality underfoot.",          description: "Professional flooring services.",          imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278629.jpg"},
-          title: "Floor Installation",
-          subtitle: "Quality underfoot.",
-          description: "Professional flooring services.",
-          imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278629.jpg",
-        },
       ]}
       title="Our Specialized Services"
       description="We offer a wide range of contracting solutions tailored to your unique requirements."
@@ -208,25 +140,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "98%",          title: "Satisfaction",          description: "Client success rate.",          icon: CheckCircle,
-          value: "98%",
-          title: "Satisfaction",
-          description: "Client success rate.",
-          icon: CheckCircle,
         },
         {
-          id: "m2",
+          id: "m2",          value: "45",          title: "Team Members",          description: "Skilled professionals.",          icon: Users,
-          value: "45",
-          title: "Team Members",
-          description: "Skilled professionals.",
-          icon: Users,
         },
         {
-          id: "m3",
+          id: "m3",          value: "12",          title: "Awards",          description: "Industry recognition.",          icon: Award,
-          value: "12",
-          title: "Awards",
-          description: "Industry recognition.",
-          icon: Award,
         },
       ]}
       title="By The Numbers"
@@ -241,59 +161,28 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Sarah Johnson",          role: "CEO",          company: "GrowthCorp",          rating: 5,
-          name: "Sarah Johnson",
+          imageSrc: "http://img.b2bpic.net/free-photo/building-contractor-bending-home-plans_329181-3747.jpg?_wi=2"},
-          role: "CEO",
-          company: "GrowthCorp",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/building-contractor-bending-home-plans_329181-3747.jpg?_wi=2",
-        },
         {
-          id: "2",
+          id: "2",          name: "Michael Chen",          role: "Owner",          company: "LabBuild",          rating: 5,
-          name: "Michael Chen",
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-making-plans-remodel-house_23-2148814633.jpg?_wi=2"},
-          role: "Owner",
-          company: "LabBuild",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-making-plans-remodel-house_23-2148814633.jpg?_wi=2",
-        },
         {
-          id: "3",
+          id: "3",          name: "Emily Rodriguez",          role: "Manager",          company: "HomePro",          rating: 5,
-          name: "Emily Rodriguez",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-architect-writing-clipboard-outdoors_23-2148203949.jpg?_wi=2"},
-          role: "Manager",
-          company: "HomePro",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-architect-writing-clipboard-outdoors_23-2148203949.jpg?_wi=2",
-        },
         {
-          id: "4",
+          id: "4",          name: "David Kim",          role: "Design Lead",          company: "Startups",          rating: 5,
-          name: "David Kim",
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-planning-trip-table_23-2148925829.jpg?_wi=2"},
-          role: "Design Lead",
-          company: "Startups",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-planning-trip-table_23-2148925829.jpg?_wi=2",
-        },
         {
-          id: "5",
+          id: "5",          name: "Laura White",          role: "Owner",          company: "StyleStudio",          rating: 5,
-          name: "Laura White",
+          imageSrc: "http://img.b2bpic.net/free-photo/builder-showing-blueprint-colleague_23-2147711060.jpg?_wi=2"},
-          role: "Owner",
-          company: "StyleStudio",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/builder-showing-blueprint-colleague_23-2147711060.jpg?_wi=2",
-        },
       ]}
       kpiItems={[
         {
-          value: "5.0",
+          value: "5.0",          label: "Avg Rating"},
-          label: "Avg Rating",
-        },
         {
-          value: "100%",
+          value: "100%",          label: "Timely"},
-          label: "Timely",
-        },
         {
-          value: "24/7",
+          value: "24/7",          label: "Support"},
-          label: "Support",
-        },
       ]}
       title="What Clients Say"
       description="Trusted by hundreds across the region."
@@ -305,14 +194,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Microsoft",
+        "Microsoft",        "Google",        "Apple",        "Tesla",        "Amazon",        "Nike",        "Adidas"]}
-        "Google",
-        "Apple",
-        "Tesla",
-        "Amazon",
-        "Nike",
-        "Adidas",
-      ]}
       title="Industry Partners"
       description="Collaboration with the best in the field."
     />
@@ -324,20 +206,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "Do you offer quotes?",          content: "Yes, we provide free estimates."},
-          title: "Do you offer quotes?",
-          content: "Yes, we provide free estimates.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "Are you licensed?",          content: "Yes, fully bonded and licensed."},
-          title: "Are you licensed?",
-          content: "Yes, fully bonded and licensed.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "Where do you operate?",          content: "We serve the entire regional area."},
-          title: "Where do you operate?",
-          content: "We serve the entire regional area.",
-        },
       ]}
       title="Common Inquiries"
       description="Everything you need to know about our services."
@@ -346,64 +219,25 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Get In Touch"
-      description="Ready to start your next project?"
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Describe your project",
-        rows: 4,
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/team-people-drinking-coffee_23-2147668849.jpg?_wi=2"
-    />
-  </div>
-
   <div id="footer" data-section="footer">
       <FooterMedia
       imageSrc="http://img.b2bpic.net/free-photo/medium-shot-workers-high-five_23-2149366623.jpg"
       logoText="DC Contracting"
       columns={[
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About",
+              label: "About",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Services",
+              label: "Services",              href: "#features"},
-              href: "#features",
-            },
           ],
         },
         {
-          title: "Support",
+          title: "Support",          items: [
-          items: [
             {
-              label: "FAQ",
+              label: "FAQ",              href: "#faq"},
-              href: "#faq",
-            },
             {
-              label: "Contact",
+              label: "Contact",              href: "/contact"},
-              href: "#contact",
-            },
           ],
         },
       ]}

src/app/portfolio/page.tsx

@@ -0,0 +1,39 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import ReactLenis from "lenis/react";
+
+export default function PortfolioPage() {
+  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">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Services", id: "/services" }, { name: "Projects", id: "/portfolio" }, { name: "Quote", id: "/pricing" }, { name: "Contact", id: "/#contact" }]}
+            brandName="DC Contracting"
+          />
+        </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyFive
+            title="Our Projects"
+            description="A selection of our finest contracting work."
+            features={[]}
+            animationType="slide-up"
+            useInvertedBackground={false}
+            textboxLayout="default"
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            logoText="DC Contracting"
+            videoSrc="https://videos.pexels.com/video-files/4253133/4253133-sd_506_960_24fps.mp4?_wi=2"
+            columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Portfolio", href: "/portfolio" }] }, { title: "Support", items: [{ label: "Quote", href: "/pricing" }, { label: "Contact", href: "/#contact" }] }]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/pricing/page.tsx

@@ -0,0 +1,39 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import ReactLenis from "lenis/react";
+
+export default function PricingPage() {
+  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">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Services", id: "/services" }, { name: "Projects", id: "/portfolio" }, { name: "Quote", id: "/pricing" }, { name: "Contact", id: "/#contact" }]}
+            brandName="DC Contracting"
+          />
+        </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardEight
+            title="Request a Quote"
+            description="Get an estimate for your construction needs today."
+            plans={[{ id: "basic", badge: "Residential", price: "Contact Us", subtitle: "Standard quote", buttons: [{ text: "Book Now" }], features: ["Site visit", "Planning", "Quote delivery"] }]}
+            animationType="slide-up"
+            useInvertedBackground={false}
+            textboxLayout="default"
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            logoText="DC Contracting"
+            videoSrc="https://videos.pexels.com/video-files/4253133/4253133-sd_506_960_24fps.mp4?_wi=3"
+            columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Portfolio", href: "/portfolio" }] }, { title: "Support", items: [{ label: "Quote", href: "/pricing" }, { label: "Contact", href: "/#contact" }] }]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/services/page.tsx

@@ -0,0 +1,55 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function ServicesPage() {
+  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">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/services" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/#contact" },
+            ]}
+            brandName="DC Contracting"
+          />
+        </div>
+        <div id="features" data-section="features" className="pt-32 pb-20">
+          <FeatureCardNineteen
+            textboxLayout="split"
+            title="Our Professional Services"
+            description="Expert solutions tailored for your residential and commercial construction needs."
+            features={[
+              {
+                tag: "Roofing", title: "Roofing Solutions", subtitle: "Complete protection.", description: "Installation, repair, and maintenance of all roof types.",                imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-together-with-helmets_23-2149343707.jpg"},
+              {
+                tag: "Plumbing", title: "Plumbing Services", subtitle: "Expert piping and fixtures.", description: "Complete residential and commercial plumbing installations.",                imageSrc: "http://img.b2bpic.net/free-photo/plumber-installing-sink_23-2148866579.jpg"},
+              {
+                tag: "Electrical", title: "Electrical Systems", subtitle: "Safe and efficient power.", description: "Wiring, lighting, and electrical panel upgrades.",                imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-with-cables_23-2148834927.jpg"},
+              {
+                tag: "Contracting", title: "General Contracting", subtitle: "Project management.", description: "Turnkey solutions for full home renovations and construction.",                imageSrc: "http://img.b2bpic.net/free-photo/worker-with-spirit-level-wall_23-2148384562.jpg"},
+            ]}
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            logoText="DC Contracting"
+            videoSrc="https://videos.pexels.com/video-files/4253133/4253133-sd_506_960_24fps.mp4?_wi=4"
+            columns={[
+              { title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }] },
+              { title: "Support", items: [{ label: "Contact", href: "/#contact" }] }
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}