Merge version_2 into main #3
132
src/app/page.tsx
132
src/app/page.tsx
@@ -3,7 +3,7 @@
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
||||
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
||||
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
||||
import TextAbout from "@/components/sections/about/TextAbout";
|
||||
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
|
||||
@@ -41,28 +41,36 @@ export default function HomePage() {
|
||||
brandName="HAUS"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "https://booksy.com"
|
||||
text: "Book Now", href: "https://booksy.com"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
<HeroBillboardCarousel
|
||||
title="Award-Winning Barbershop in Bournemouth"
|
||||
description="Premium precision haircuts, expert skin fades, and exceptional grooming services. Industry-recognized for excellence in men's grooming and outstanding client experience."
|
||||
tag="Est. 2015"
|
||||
tagIcon={Award}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg?_wi=1"
|
||||
imageAlt="HAUS Male Grooming Interior"
|
||||
imagePosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Book Appointment", href: "https://booksy.com" },
|
||||
{ text: "View Services", href: "/services" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg?_wi=1", imageAlt: "HAUS Male Grooming Interior 1"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cuts-his-beard-barbershop_1157-16145.jpg?_wi=1", imageAlt: "HAUS Male Grooming Interior 2"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-barbershop_23-2148506273.jpg?_wi=1", imageAlt: "HAUS Male Grooming Interior 3"
|
||||
}
|
||||
]}
|
||||
slideAnimation="slide-up"
|
||||
ariaLabel="Hero carousel section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -75,25 +83,13 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "5",
|
||||
title: "Awards",
|
||||
description: "Salon of the Year & Client Experience",
|
||||
icon: Trophy
|
||||
id: "1", value: "5", title: "Awards", description: "Salon of the Year & Client Experience", icon: Trophy
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "1000+",
|
||||
title: "Satisfied Clients",
|
||||
description: "Premium grooming experiences delivered",
|
||||
icon: Users
|
||||
id: "2", value: "1000+", title: "Satisfied Clients", description: "Premium grooming experiences delivered", icon: Users
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "10+",
|
||||
title: "Years",
|
||||
description: "Excellence in barbering and community",
|
||||
icon: Award
|
||||
id: "3", value: "10+", title: "Years", description: "Excellence in barbering and community", icon: Award
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
@@ -126,9 +122,7 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Premium Haircuts",
|
||||
description: "Precision cuts tailored to your face shape and style preferences. Our master barbers combine traditional techniques with modern styling.",
|
||||
phoneOne: {
|
||||
title: "Premium Haircuts", description: "Precision cuts tailored to your face shape and style preferences. Our master barbers combine traditional techniques with modern styling.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665444.jpg?_wi=1"
|
||||
},
|
||||
phoneTwo: {
|
||||
@@ -137,9 +131,7 @@ export default function HomePage() {
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Skin Fades",
|
||||
description: "Expert skin fade techniques with meticulous blending. Clean lines and smooth transitions for a sharp, contemporary look.",
|
||||
phoneOne: {
|
||||
title: "Skin Fades", description: "Expert skin fade techniques with meticulous blending. Clean lines and smooth transitions for a sharp, contemporary look.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-teen-man-with-curls_23-2148203572.jpg?_wi=1"
|
||||
},
|
||||
phoneTwo: {
|
||||
@@ -148,9 +140,7 @@ export default function HomePage() {
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Beard Grooming",
|
||||
description: "Professional beard trimming, shaping, and care. From classic clean looks to distinguished full beards, we've got you covered.",
|
||||
phoneOne: {
|
||||
title: "Beard Grooming", description: "Professional beard trimming, shaping, and care. From classic clean looks to distinguished full beards, we've got you covered.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985735.jpg?_wi=1"
|
||||
},
|
||||
phoneTwo: {
|
||||
@@ -174,51 +164,27 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "James Mitchell",
|
||||
role: "Business Owner",
|
||||
company: "Mitchell & Co",
|
||||
rating: 5,
|
||||
id: "1", name: "James Mitchell", role: "Business Owner", company: "Mitchell & Co", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg?_wi=1"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Chen",
|
||||
role: "Marketing Director",
|
||||
company: "TechFlow Ltd",
|
||||
rating: 5,
|
||||
id: "2", name: "David Chen", role: "Marketing Director", company: "TechFlow Ltd", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2901.jpg?_wi=1"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Christopher Brown",
|
||||
role: "Creative Director",
|
||||
company: "Studio Design",
|
||||
rating: 5,
|
||||
id: "3", name: "Christopher Brown", role: "Creative Director", company: "Studio Design", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1651.jpg?_wi=1"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Michael Rodriguez",
|
||||
role: "Entrepreneur",
|
||||
company: "Startup Hub",
|
||||
rating: 5,
|
||||
id: "4", name: "Michael Rodriguez", role: "Entrepreneur", company: "Startup Hub", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11594.jpg?_wi=1"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Thomas Wilson",
|
||||
role: "Finance Manager",
|
||||
company: "Capital Advisors",
|
||||
rating: 5,
|
||||
id: "5", name: "Thomas Wilson", role: "Finance Manager", company: "Capital Advisors", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg?_wi=1"
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Richard Anderson",
|
||||
role: "Project Manager",
|
||||
company: "Build Solutions",
|
||||
rating: 5,
|
||||
id: "6", name: "Richard Anderson", role: "Project Manager", company: "Build Solutions", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11594.jpg?_wi=2"
|
||||
}
|
||||
]}
|
||||
@@ -238,22 +204,13 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Modern Fade",
|
||||
price: "£25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-barbershop_23-2148506273.jpg?_wi=2"
|
||||
id: "1", name: "Modern Fade", price: "£25", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-barbershop_23-2148506273.jpg?_wi=2"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Classic Cut",
|
||||
price: "£25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-leather-barber-shop-chair_23-2148242807.jpg?_wi=2"
|
||||
id: "2", name: "Classic Cut", price: "£25", imageSrc: "http://img.b2bpic.net/free-photo/side-view-leather-barber-shop-chair_23-2148242807.jpg?_wi=2"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Textured Style",
|
||||
price: "£25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-with-long-mustache-after-haircut-barbershop_618663-44.jpg?_wi=2"
|
||||
id: "3", name: "Textured Style", price: "£25", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-with-long-mustache-after-haircut-barbershop_618663-44.jpg?_wi=2"
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
@@ -268,30 +225,21 @@ export default function HomePage() {
|
||||
ctaTitle="Ready to Experience Premium Grooming?"
|
||||
ctaDescription="Book your appointment now and discover why HAUS is Bournemouth's award-winning barbershop."
|
||||
ctaButton={{
|
||||
text: "Book on Booksy",
|
||||
href: "https://booksy.com"
|
||||
text: "Book on Booksy", href: "https://booksy.com"
|
||||
}}
|
||||
ctaIcon={Calendar}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I book an appointment?",
|
||||
content: "You can book directly through our Booksy system or visit our salon. We accept walk-ins subject to availability. For the best experience, we recommend booking in advance."
|
||||
id: "1", title: "How do I book an appointment?", content: "You can book directly through our Booksy system or visit our salon. We accept walk-ins subject to availability. For the best experience, we recommend booking in advance."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What are your opening hours?",
|
||||
content: "Monday to Friday: 9am - 7pm, Saturday: 9am - 6pm, Sunday: 10am - 5pm. We're located in the heart of Bournemouth town centre."
|
||||
id: "2", title: "What are your opening hours?", content: "Monday to Friday: 9am - 7pm, Saturday: 9am - 6pm, Sunday: 10am - 5pm. We're located in the heart of Bournemouth town centre."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer other grooming services?",
|
||||
content: "Beyond haircuts and beard grooming, we offer restyling consultations, head shaves, and specialized grooming treatments. Ask our team about customized services."
|
||||
id: "3", title: "Do you offer other grooming services?", content: "Beyond haircuts and beard grooming, we offer restyling consultations, head shaves, and specialized grooming treatments. Ask our team about customized services."
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "What is your cancellation policy?",
|
||||
content: "We require 24 hours notice for cancellations. Cancellations made less than 24 hours before your appointment may incur a charge."
|
||||
id: "4", title: "What is your cancellation policy?", content: "We require 24 hours notice for cancellations. Cancellations made less than 24 hours before your appointment may incur a charge."
|
||||
}
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
@@ -303,12 +251,10 @@ export default function HomePage() {
|
||||
<FooterLogoReveal
|
||||
logoText="HAUS"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#"
|
||||
text: "Privacy Policy", href: "#"
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#"
|
||||
text: "Terms of Service", href: "#"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user