Add src/app/bathroom-remodel/page.tsx

2026-05-10 03:14:35 +00:00
parent b3bda56e4f
commit 1f26c0cf0b
1 changed files with 96 additions and 0 deletions
--- a/src/app/bathroom-remodel/page.tsx
+++ b/src/app/bathroom-remodel/page.tsx
@@ -0,0 +1,96 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
+import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function BathroomRemodelPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="reveal-blur"
+        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">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/#services" },
+              { name: "Bathroom Remodel", id: "/bathroom-remodel" },
+              { name: "Contact", id: "/#contact" },
+            ]}
+            brandName="ALL Connect Plumbing"
+          />
+        </div>
+
+        <div id="hero" data-section="hero">
+          <HeroBillboardTestimonial
+            title="Luxury Bathroom Remodeling"
+            description="Transform your bathroom into a sanctuary with our premium plumbing and remodeling expertise."
+            background={{ variant: "gradient-bars" }}
+            buttons={[{ text: "Request Consultation", href: "/#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/modern-bathroom-interior-design_23-2149103233.jpg"
+          />
+        </div>
+
+        <div id="services" data-section="services">
+          <FeatureCardTwentyOne
+            title="Our Remodel Services"
+            description="Complete plumbing solutions for your dream renovation."
+            accordionItems={[
+              { id: "s1", title: "Fixture Upgrades", content: "High-end shower, tub, and faucet installation." },
+              { id: "s2", title: "Layout Reconfiguration", content: "Repiping and plumbing adjustments to suit your new layout." },
+              { id: "s3", title: "Waterproofing Solutions", content: "Advanced protection for your new investment." }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/modern-bathroom-interior-design_23-2149103233.jpg"
+          />
+        </div>
+
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardThirteen
+            title="What Clients Say"
+            description="Real results from our satisfied bathroom remodel clients."
+            showRating={true}
+            animationType="slide-up"
+            textboxLayout="split"
+            testimonials={[
+                { id: "t1", name: "Linda G.", handle: "Client", testimonial: "Exceptional craftsmanship on our master bath renovation.", rating: 5 },
+                { id: "t2", name: "Emily J.", handle: "Resident", testimonial: "Great bathroom remodel expertise.", rating: 5 }
+            ]}
+          />
+        </div>
+
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            tag="Contact"
+            title="Start Your Project"
+            description="Get in touch today for a professional consultation on your bathroom remodel."
+            background={{ variant: "gradient-bars" }}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="ALL Connect Plumbing"
+            columns={[
+                { title: "Navigation", items: [{ label: "Back Home", href: "/" }, { label: "Contact", href: "/#contact" }] }
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}