Update src/app/pricing/page.tsx

Merge version_2 into main

src/app/about/page.tsx

@@ -26,6 +26,7 @@ export default function AboutPage() {
               navItems={[
                 { name: "Home", id: "/" },
                 { name: "About", id: "/about" },
+                { name: "Pricing", id: "/pricing" },
                 { name: "Services", id: "/#features" },
                 { name: "Reviews", id: "/#testimonials" },
                 { name: "Contact", id: "/#contact" },
@@ -53,4 +54,4 @@ export default function AboutPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -30,16 +30,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",          id: "/"},
-        {
-          name: "About",          id: "/about"},
-        {
-          name: "Services",          id: "#features"},
-        {
-          name: "Reviews",          id: "#testimonials"},
-        {
-          name: "Contact",          id: "#contact"},
+        { name: "Home", id: "/" },
+        { name: "About", id: "/about" },
+        { name: "Pricing", id: "/pricing" },
+        { name: "Services", id: "/#features" },
+        { name: "Reviews", id: "/#testimonials" },
+        { name: "Contact", id: "/#contact" },
       ]}
       brandName="Geer Stuart"
     />
@@ -50,23 +46,16 @@ export default function LandingPage() {
       title="Exceptional Plumbing, Delivered Locally."
       description="Rapid, professional, and reliable plumbing solutions in Lewes. From urgent leak repairs to high-quality installations, we treat your home with the care it deserves."
       buttons={[
-        {
-          text: "Book Your Service",          href: "#contact"},
-        {
-          text: "Call Now: 01273 476261",          href: "tel:01273476261"},
+        { text: "Book Your Service", href: "#contact" },
+        { text: "Call Now: 01273 476261", href: "tel:01273476261" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/cabinetmaker-joinery-using-heavy-machinery-close-up_482257-94326.jpg"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/basin-black-faucet-green-bathroom-with-lighting-cozy-spa-nook_169016-69326.jpg",          alt: "Basin and black faucet in green bathroom with lighting cozy spa nook"},
-        {
-          src: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278618.jpg",          alt: "Tiler working on renovation of apartment"},
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-senior-man-cleaning-shower_23-2149535084.jpg",          alt: "Medium shot senior man cleaning the shower"},
-        {
-          src: "http://img.b2bpic.net/free-photo/jeweler-working-shop-with-equipment_23-2150914178.jpg",          alt: "Jeweler working in the shop with equipment"},
-        {
-          src: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746302.jpg",          alt: "High angle man working as plumber"},
+        { src: "http://img.b2bpic.net/free-photo/basin-black-faucet-green-bathroom-with-lighting-cozy-spa-nook_169016-69326.jpg", alt: "Basin and black faucet in green bathroom with lighting cozy spa nook" },
+        { src: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278618.jpg", alt: "Tiler working on renovation of apartment" },
+        { src: "http://img.b2bpic.net/free-photo/medium-shot-senior-man-cleaning-shower_23-2149535084.jpg", alt: "Medium shot senior man cleaning the shower" },
+        { src: "http://img.b2bpic.net/free-photo/jeweler-working-shop-with-equipment_23-2150914178.jpg", alt: "Jeweler working in the shop with equipment" },
+        { src: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746302.jpg", alt: "High angle man working as plumber" },
       ]}
       avatarText="Trusted by 500+ happy homes"
     />
@@ -88,12 +77,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       features={[
-        {
-          title: "Leak Detection",          description: "Rapid response to identify and fix leaks before they cause damage.",          imageSrc: "http://img.b2bpic.net/free-photo/master-making-chess-figures-atelier_114579-11657.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/solution-top-view-man-plumber-overalls-fixing-breakdown-sink_259150-58267.jpg",          buttonText: "Inquire"},
-        {
-          title: "Fixture Repairs",          description: "Expert adjustments and repairs for toilets, taps, and bathroom fixtures.",          imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-132623.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/person-white-bathrobe-filling-bath-with-water_259150-59743.jpg",          buttonText: "Inquire"},
-        {
-          title: "Boiler Checks",          description: "Comprehensive maintenance checks to keep your systems running smoothly.",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-pipe-wrench-screwing-nut_181624-49738.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-using-tablet-device-car-repair-shop_23-2150367538.jpg",          buttonText: "Inquire"},
+        { title: "Leak Detection", description: "Rapid response to identify and fix leaks before they cause damage.", imageSrc: "http://img.b2bpic.net/free-photo/master-making-chess-figures-atelier_114579-11657.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/solution-top-view-man-plumber-overalls-fixing-breakdown-sink_259150-58267.jpg", buttonText: "Inquire" },
+        { title: "Fixture Repairs", description: "Expert adjustments and repairs for toilets, taps, and bathroom fixtures.", imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-132623.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/person-white-bathrobe-filling-bath-with-water_259150-59743.jpg", buttonText: "Inquire" },
+        { title: "Boiler Checks", description: "Comprehensive maintenance checks to keep your systems running smoothly.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-pipe-wrench-screwing-nut_181624-49738.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-using-tablet-device-car-repair-shop_23-2150367538.jpg", buttonText: "Inquire" },
       ]}
       title="Professional Services"
       description="Our expertise spans all essential home plumbing needs, delivered with precision and care."
@@ -106,18 +92,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "1",          value: "100%",          title: "Satisfaction Rate",          items: [
-            "Quick responses",            "Fair pricing",            "Friendly service"],
-        },
-        {
-          id: "2",          value: "24/7",          title: "Reliability",          items: [
-            "Always on time",            "Fast turnarounds",            "Clean delivery"],
-        },
-        {
-          id: "3",          value: "5.0",          title: "Rating",          items: [
-            "Local guide approved",            "Trusted by neighbors",            "Professional standards"],
-        },
+        { id: "1", value: "100%", title: "Satisfaction Rate", items: ["Quick responses", "Fair pricing", "Friendly service"] },
+        { id: "2", value: "24/7", title: "Reliability", items: ["Always on time", "Fast turnarounds", "Clean delivery"] },
+        { id: "3", value: "5.0", title: "Rating", items: ["Local guide approved", "Trusted by neighbors", "Professional standards"] },
       ]}
       title="Quality Assured"
       description="Why homeowners across Lewes recommend us."
@@ -131,21 +108,11 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",          name: "Simon Chant",          role: "Client",          company: "Lewes",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498450.jpg"},
-        {
-          id: "2",          name: "Stuart H",          role: "Local Guide",          company: "Lewes",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-teenagers-enjoying-amusement-park_23-2148624855.jpg"},
-        {
-          id: "3",          name: "Peter Bessell",          role: "Client",          company: "Lewes",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-couple-confident-guy-joyful-girl-construction-worker-uniform-cap-doing-call-gesture-girl-holding-pencil-clipboard-winking_141793-111946.jpg"},
-        {
-          id: "4",          name: "Sarah Jenkins",          role: "Homeowner",          company: "Lewes",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-working-call-center_23-2149288179.jpg"},
-        {
-          id: "5",          name: "Mark Evans",          role: "Resident",          company: "Lewes",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/this-is-my-way-relax_329181-1143.jpg"},
+        { id: "1", name: "Simon Chant", role: "Client", company: "Lewes", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498450.jpg" },
+        { id: "2", name: "Stuart H", role: "Local Guide", company: "Lewes", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-teenagers-enjoying-amusement-park_23-2148624855.jpg" },
+        { id: "3", name: "Peter Bessell", role: "Client", company: "Lewes", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-couple-confident-guy-joyful-girl-construction-worker-uniform-cap-doing-call-gesture-girl-holding-pencil-clipboard-winking_141793-111946.jpg" },
+        { id: "4", name: "Sarah Jenkins", role: "Homeowner", company: "Lewes", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-working-call-center_23-2149288179.jpg" },
+        { id: "5", name: "Mark Evans", role: "Resident", company: "Lewes", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/this-is-my-way-relax_329181-1143.jpg" },
       ]}
       title="Client Stories"
       description="Don't just take our word for it—our neighbors say it best."
@@ -157,12 +124,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "1",          title: "Do you offer emergency services?",          content: "Yes, we prioritize urgent requests to ensure your home plumbing needs are addressed quickly."},
-        {
-          id: "2",          title: "Is your pricing transparent?",          content: "Absolutely. We pride ourselves on reasonable, upfront pricing with no hidden surprises."},
-        {
-          id: "3",          title: "Where do you operate?",          content: "We are proud to serve Lewes and surrounding areas."},
+        { id: "1", title: "Do you offer emergency services?", content: "Yes, we prioritize urgent requests to ensure your home plumbing needs are addressed quickly." },
+        { id: "2", title: "Is your pricing transparent?", content: "Absolutely. We pride ourselves on reasonable, upfront pricing with no hidden surprises." },
+        { id: "3", title: "Where do you operate?", content: "We are proud to serve Lewes and surrounding areas." },
       ]}
       title="Common Questions"
       description="Answers to the most frequently asked questions about our services."
@@ -173,8 +137,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={true}
-      background={{
-        variant: "canvas-reveal"}}
+      background={{ variant: "canvas-reveal" }}
       tag="Get in touch"
       title="Ready to fix your leak?"
       description="Send us a message and we'll get back to you promptly to arrange your service."
@@ -184,10 +147,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="Geer Stuart"
-      leftLink={{
-        text: "01273 476261",        href: "tel:01273476261"}}
-      rightLink={{
-        text: "19 Cross Way, Lewes BN7 1NE",        href: "https://maps.google.com"}}
+      leftLink={{ text: "01273 476261", href: "tel:01273476261" }}
+      rightLink={{ text: "19 Cross Way, Lewes BN7 1NE", href: "https://maps.google.com" }}
     />
   </div>
       </ReactLenis>

src/app/pricing/page.tsx

@@ -0,0 +1,68 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="mediumSmall"
+        sizing="largeSmallSizeLargeTitles"
+        background="fluid"
+        cardStyle="gradient-mesh"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="solid"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingOverlay
+              navItems={[
+                { name: "Home", id: "/" },
+                { name: "About", id: "/about" },
+                { name: "Pricing", id: "/pricing" },
+                { name: "Services", id: "/#features" },
+                { name: "Reviews", id: "/#testimonials" },
+                { name: "Contact", id: "/#contact" },
+              ]}
+              brandName="Geer Stuart"
+            />
+        </div>
+
+        <div id="pricing" data-section="pricing">
+            <PricingCardEight
+              animationType="slide-up"
+              title="Transparent Pricing"
+              description="Fair and competitive rates for all your plumbing needs."
+              textboxLayout="default"
+              useInvertedBackground={false}
+              plans={[
+                {
+                  id: "basic",                  badge: "Standard",                  price: "£60/hr",                  subtitle: "For minor repairs and quick fixes",                  features: ["Tap adjustments", "Small leak repair", "Fixture maintenance"],
+                  buttons: [{ text: "Get Started", href: "/#contact" }]
+                },
+                {
+                  id: "pro",                  badge: "Popular",                  price: "£120 fixed",                  subtitle: "Comprehensive boiler and system checks",                  features: ["Full boiler health check", "System flush", "Certification report"],
+                  buttons: [{ text: "Book Now", href: "/#contact" }]
+                }
+              ]}
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterLogoReveal
+              logoText="Geer Stuart"
+              leftLink={{ text: "01273 476261", href: "tel:01273476261" }}
+              rightLink={{ text: "19 Cross Way, Lewes BN7 1NE", href: "https://maps.google.com" }}
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}