Merge version_9 into main #24
109
src/app/franchise/page.tsx
Normal file
109
src/app/franchise/page.tsx
Normal file
@@ -0,0 +1,109 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
|
||||
export default function FranchisePage() {
|
||||
const bookingUrl = "https://tinyurl.com/2kr8jy37";
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="none"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Prices", id: "pricing"},
|
||||
{
|
||||
name: "Franchise", id: "/franchise"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
|
||||
{ name: "Blog", id: "/blog" },
|
||||
]}
|
||||
brandName="Doc Barnet Grooming Salon"
|
||||
button={{
|
||||
text: "BOOK NOW", href: bookingUrl}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="franchise-contact" data-section="franchise-contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Franchise Opportunities"
|
||||
description="Interested in joining the Doc Barnet family? We are expanding and seeking passionate individuals to join our brand. Contact us today to learn more about our franchise model and how you can become a part of our success story.\n\nDoc Barnet Management:\n📞 07867777688\n📧 operations@docbarnet.uk"
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Your Phone Number" },
|
||||
{ name: "company", type: "text", placeholder: "Your Company (Optional)" }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Your Message", rows: 5
|
||||
}}
|
||||
imageSrc="https://images.unsplash.com/photo-1629904853716-f0bc5951d384?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Send Enquiry"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DMGxfgFdRWLXzYqe2HfYt6JE4x/uploaded-1778094604107-kwe3q62f.jpg"
|
||||
logoText="DOC BARNET"
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Gents Hair", href: "#services"},
|
||||
{
|
||||
label: "Ladies Cut", href: "#services"},
|
||||
{
|
||||
label: "Beard Grooming", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Book Now", href: bookingUrl},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram", href: "https://www.instagram.com/docbarnet?igsh=MWMwdHBnamFibXc3Yw%3D%3D&utm_source=qr"},
|
||||
{
|
||||
label: "Facebook", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -39,6 +39,8 @@ export default function LandingPage() {
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Prices", id: "pricing"},
|
||||
{
|
||||
name: "Franchise", id: "/franchise"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
|
||||
@@ -65,14 +67,11 @@ export default function LandingPage() {
|
||||
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: "Mark D.", handle: "@markd", testimonial: "The attention to detail on the fade was spot on. 5 stars.", 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: "Elena P.", handle: "@elenap", testimonial: "Professional, welcoming, and perfectly styled. Highly recommend.", 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"},
|
||||
name: "Chris W.", handle: "@chrisw", testimonial: "Classic barbering with a modern, luxury edge. Exceptional.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-room-with-blurred-effect_1203-554.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-roboto), sans-serif;
|
||||
font-family: var(--font-inter), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-roboto), sans-serif;
|
||||
font-family: var(--font-libre-baskerville), serif;
|
||||
}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #0a0a0a;
|
||||
--card: #171717;
|
||||
--foreground: #f5f5f5;
|
||||
--primary-cta: #C5A059;
|
||||
--background: #1a1a1a;
|
||||
--card: #2e2e2e;
|
||||
--foreground: #f0e6d2;
|
||||
--primary-cta: #d4af37;
|
||||
--primary-cta-text: #000000;
|
||||
--secondary-cta: #171717;
|
||||
--secondary-cta: #a67c00;
|
||||
--secondary-cta-text: #f5f5f5;
|
||||
--accent: #6B4F3C;
|
||||
--background-accent: #262626;
|
||||
--accent: #ffd700;
|
||||
--background-accent: #0d0d0d;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user