Update src/app/page.tsx

Update src/app/franchise/page.tsx
2026-05-28 13:39:12 +00:00 · 2026-05-28 13:38:28 +00:00 · 2026-05-28 13:38:27 +00:00 · 2026-05-28 13:38:27 +00:00 · 2026-05-28 13:30:12 +00:00 · 2026-05-28 13:30:09 +00:00
3 changed files with 44 additions and 76 deletions
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -1,14 +1,14 @@
 "use client";

 import ReactLenis from "lenis/react";
-import BlogCardOne from "@/components/sections/blog/BlogCardOne";
+import BlogCardOne from '@/components/sections/blog/BlogCardOne';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import { useBlogPosts } from "@/hooks/useBlogPosts";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import FooterMedia from '@/components/sections/footer/FooterMedia';

-const bookingUrl = "/contact";
-const franchisePagePath = "/franchise-doc-barnet-grooming-salon";
+const bookingUrl = "https://tinyurl.com/2kr8jy37";
+const franchisePagePath = "/franchise";

 export default function BlogPage() {
    const { posts, isLoading } = useBlogPosts();
@@ -31,7 +31,7 @@ export default function BlogPage() {
        {
          name: "Home",          id: "/"},
        {
-          name: "Services",          id: "/#services"},
+          name: "Services",          id: "/services"},
        {
          name: "Prices",          id: "/#pricing"},
        {
@@ -67,17 +67,17 @@ export default function BlogPage() {

                    <div id="footer" data-section="footer">

-                        <FooterMedia imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DMGxfgFdRWLXzYqe2HfYt6JE4x/uploaded-1778094604107-kwe3q62f.jpg"
+                        <FooterMedia imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DMGxfgFdRWLXzYqe2HfYt6JE4x/uploaded-1778094604107-kwe3q62f.jpg?_wi=1"
      logoText="DOC BARNET"
      columns={[
        {
          title: "Services",          items: [
            {
-              label: "Gents Hair",              href: "/#services"},
+              label: "Gents Hair",              href: "/services"},
            {
-              label: "Ladies Cut",              href: "/#services"},
+              label: "Ladies Cut",              href: "/services"},
            {
-              label: "Beard Grooming",              href: "/#services"},
+              label: "Beard Grooming",              href: "/services"},
          ],
        },
        {
@@ -88,6 +88,8 @@ export default function BlogPage() {
              label: "Contact",              href: "/#contact"},
            {
              label: "Book Now",              href: bookingUrl},
+            {
+              label: "Blog",              href: "/blog"},
            {
              label: "Franchise",              href: franchisePagePath},
          ],
--- a/src/app/franchise/page.tsx
+++ b/src/app/franchise/page.tsx
@@ -27,15 +27,15 @@ export default function FranchisePage() {
            <NavbarLayoutFloatingOverlay
            navItems={[
                {
-                    name: "Home",                    id: "hero"},
+                    name: "Home",                    id: "/"},
                {
-                    name: "Services",                    id: "services"},
+                    name: "Services",                    id: "/services"},
                {
-                    name: "Prices",                    id: "pricing"},
+                    name: "Prices",                    id: "/#pricing"},
                {
                    name: "Franchise",                    id: "/franchise"},
                {
-                    name: "Contact",                    id: "contact"},
+                    name: "Contact",                    id: "/#contact"},
              
                    { name: "Blog", id: "/blog" },
            ]}
@@ -67,27 +67,31 @@ export default function FranchisePage() {

        <div id="footer" data-section="footer">
            <FooterMedia
-            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DMGxfgFdRWLXzYqe2HfYt6JE4x/uploaded-1778094604107-kwe3q62f.jpg"
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DMGxfgFdRWLXzYqe2HfYt6JE4x/uploaded-1778094604107-kwe3q62f.jpg?_wi=1"
            logoText="DOC BARNET"
            columns={[
                {
                    title: "Services",                    items: [
                        {
-                            label: "Gents Hair",                            href: "#services"},
+                            label: "Gents Hair",                            href: "/services"},
                        {
-                            label: "Ladies Cut",                            href: "#services"},
+                            label: "Ladies Cut",                            href: "/services"},
                        {
-                            label: "Beard Grooming",                            href: "#services"},
+                            label: "Beard Grooming",                            href: "/services"},
                    ],
                },
                {
                    title: "Company",                    items: [
                        {
-                            label: "About Us",                            href: "#about"},
+                            label: "About Us",                            href: "/#about"},
                        {
-                            label: "Contact",                            href: "#contact"},
+                            label: "Contact",                            href: "/#contact"},
                        {
                            label: "Book Now",                            href: bookingUrl},
+                        {
+                            label: "Blog",                            href: "/blog"},
+                        {
+                            label: "Franchise",                            href: "/franchise"},
                    ],
                },
                {
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,7 +6,7 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
-import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
@@ -34,15 +34,15 @@ export default function LandingPage() {
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
-          name: "Home",          id: "hero"},
+          name: "Home",          id: "/"},
        {
-          name: "Services",          id: "services"},
+          name: "Services",          id: "/services"},
        {
-          name: "Prices",          id: "pricing"},
+          name: "Prices",          id: "/#pricing"},
        {
          name: "Franchise",          id: "/franchise"},
        {
-          name: "Contact",          id: "contact"},
+          name: "Contact",          id: "/#contact"},
      
          { name: "Blog", id: "/blog" },
 ]}
@@ -53,61 +53,19 @@ export default function LandingPage() {
  </div>

  <div id="hero" data-section="hero">
-      <HeroBillboardTestimonial
-      useInvertedBackground={false}
+      <HeroBillboardScroll
      background={{
        variant: "gradient-bars"}}
-      title="NOW OPEN AT GLOUCESTER QUAYS"
-      description="Premium Grooming. Expert Styling. Experience the pinnacle of grooming excellence."
-      testimonials={[
-        {
-          name: "James R.",          handle: "@jamesr",          testimonial: "Best haircut I've had in years. Professional and high quality.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portriat-beautiful-business-woman-standing_23-2148317282.jpg"},
-        {
-          name: "Sophie M.",          handle: "@sophiem",          testimonial: "Amazing Balayage treatment, truly premium experience.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-dark-wall_329181-7280.jpg"},
-        {
-          name: "Mark D.",          handle: "@markd",          testimonial: "The attention to detail on the fade was spot on. 5 stars.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7351.jpg"},
-        {
-          name: "Elena P.",          handle: "@elenap",          testimonial: "Professional, welcoming, and perfectly styled. Highly recommend.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-dandruff-looking-mirror_23-2149311387.jpg"},
-        {
-          name: "Chris W.",          handle: "@chrisw",          testimonial: "Classic barbering with a modern, luxury edge. Exceptional.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-room-with-blurred-effect_1203-554.jpg"},
-      ]}
+      title="Experience Our Full Range of Premium Grooming Services"
+      description="From precision gents haircuts and elegant ladies styling to expert beard grooming and rejuvenating facial treatments, discover unparalleled quality and care at Doc Barnet Grooming Salon."
      buttons={[
        {
          text: "BOOK NOW",          href: bookingUrl},
        {
-          text: "VIEW PRICES",          href: "#pricing"},
+          text: "VIEW SERVICES",          href: "#services"},
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DMGxfgFdRWLXzYqe2HfYt6JE4x/uploaded-1778093237434-05qgab2c.jpg"
      imageAlt="Doc Barnet Luxury Salon"
-      avatars={[
-        {
-          src: "https://img.b2bpic.net/free-photo/high-fashion-portrait-young-elegant-blonde-woman-black-wool-hat-wearing-oversize-white-fringe-poncho-with-long-grey-dress_273443-3799.jpg?id=11195909",          alt: "Shaving process"},
-        {
-          src: "https://img.b2bpic.net/free-photo/fashion-studio-image-two-young-women-stylish-casual-spring-outfit-having-fun-show-tongue-bright-trendy-colors-stylish-hairstyle-with-buns-cool-sunglasses-friends-portrait_273443-1142.jpg?id=9331369",          alt: "Haircut process"},
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DMGxfgFdRWLXzYqe2HfYt6JE4x/uploaded-1779125338765-fdbqo198.jpg",          alt: "Creative content"},
-        {
-          src: "https://img.b2bpic.net/free-photo/three-young-beautiful-smiling-girls-trendy-summer-casual-jeans-clothes-sexy-carefree-women-posing-positive-models-sunglasses_158538-4730.jpg?id=6601657",          alt: "Washing process"},
-        {
-          src: "http://img.b2bpic.net/free-photo/handsome-afro-american-traveler-brown-jacket-hat-with-backpack-stands-studio-isolated-dark-background_613910-6586.jpg",          alt: "Stylish traveler"},
-      ]}
-      marqueeItems={[
-        {
-          type: "text",          text: "PRECISION CUTS"},
-        {
-          type: "text",          text: "LUXURY COLOR"},
-        {
-          type: "text",          text: "EXPERT STYLING"},
-        {
-          type: "text",          text: "PREMIUM BEARD"},
-        {
-          type: "text",          text: "MODERN SALON"},
-      ]}
    />
  </div>

@@ -139,7 +97,7 @@ export default function LandingPage() {
        {
          title: "Ladies Styling",          description: "Wash, cut, and blow dry services for sophisticated style.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DMGxfgFdRWLXzYqe2HfYt6JE4x/tmp/hairstyle-holding-hair-drayer-1779125588683-ef4b646b.png",          imageAlt: "Ladies Styling"},
        {
-          title: "Beard & Facial",          description: "Expert beard shaping, hot towel shaves, and facial treatments.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DMGxfgFdRWLXzYqe2HfYt6JE4x/uploaded-1779127917991-ff4pbcfh.jpg",          imageAlt: "Facial treatment"},
+          title: "Beard & Facial",          description: "Expert beard shaping, hot towel shaves, and facial treatments.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DMGxfgFdRWLXzYqe2HfYt6JE4x/uploaded-1779125338765-fdbqo198.jpg",          imageAlt: "Facial treatment"},
      ]}
      title="PREMIUM SERVICES"
      description="Comprehensive grooming and hair solutions for gentlemen and ladies."
@@ -281,27 +239,31 @@ export default function LandingPage() {

  <div id="footer" data-section="footer">
      <FooterMedia
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DMGxfgFdRWLXzYqe2HfYt6JE4x/uploaded-1778094604107-kwe3q62f.jpg"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DMGxfgFdRWLXzYqe2HfYt6JE4x/uploaded-1778094604107-kwe3q62f.jpg?_wi=1"
      logoText="DOC BARNET"
      columns={[
        {
          title: "Services",          items: [
            {
-              label: "Gents Hair",              href: "#services"},
+              label: "Gents Hair",              href: "/services"},
            {
-              label: "Ladies Cut",              href: "#services"},
+              label: "Ladies Cut",              href: "/services"},
            {
-              label: "Beard Grooming",              href: "#services"},
+              label: "Beard Grooming",              href: "/services"},
          ],
        },
        {
          title: "Company",          items: [
            {
-              label: "About Us",              href: "#about"},
+              label: "About Us",              href: "/#about"},
            {
-              label: "Contact",              href: "#contact"},
+              label: "Contact",              href: "/#contact"},
            {
              label: "Book Now",              href: bookingUrl},
+            {
+              label: "Blog",              href: "/blog"},
+            {
+              label: "Franchise",              href: "/franchise"},
          ],
        },
        {
Author	SHA1	Message	Date
bender	a54ab6dac7	Update src/app/page.tsx	2026-05-28 13:39:12 +00:00
bender	5952db5a3b	Update src/app/page.tsx	2026-05-28 13:38:28 +00:00
bender	ef5cb55f4e	Update src/app/franchise/page.tsx	2026-05-28 13:38:27 +00:00
bender	31ccd59e3a	Update src/app/blog/page.tsx	2026-05-28 13:38:27 +00:00
bender	19cf49451a	Merge version_10 into main Merge version_10 into main	2026-05-28 13:30:12 +00:00
bender	4cb5e5546b	Update src/app/page.tsx	2026-05-28 13:30:09 +00:00
bender	a96af19063	Merge version_10 into main Merge version_10 into main	2026-05-26 18:43:30 +00:00
bender	45574e630b	Update src/app/franchise/page.tsx	2026-05-26 18:43:27 +00:00
bender	7042bcbea5	Update src/app/blog/page.tsx	2026-05-26 18:43:27 +00:00
bender	3aefcb56e9	Merge version_10 into main Merge version_10 into main	2026-05-26 18:43:06 +00:00
bender	cb7145e889	Update src/app/franchise/page.tsx	2026-05-26 18:43:03 +00:00
bender	4827c7c948	Update src/app/blog/page.tsx	2026-05-26 18:43:02 +00:00
bender	047fcfd155	Merge version_9 into main Merge version_9 into main	2026-05-26 18:40:23 +00:00
bender	bf2e0f3ec1	Merge version_9 into main Merge version_9 into main	2026-05-26 17:49:38 +00:00
bender	4003990d72	Merge version_9 into main Merge version_9 into main	2026-05-26 17:49:04 +00:00