Merge version_1 into main #1
247
src/app/page.tsx
247
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Elite Grooming"
|
||||
/>
|
||||
@@ -54,39 +42,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Elite Grooming for the Modern Gentleman"
|
||||
description="Precision fades, classic hot towel shaves, and professional beard sculpting. Elevate your style at our premier barbershop."
|
||||
tag="Since 2015"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Appointment", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7361.jpg",
|
||||
imageAlt: "modern barber shop interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barbershop-close-up-barber-holds-razor-shaving-his-beard_1157-43556.jpg",
|
||||
imageAlt: "barber grooming detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-cutting-hair-client_23-2147778920.jpg",
|
||||
imageAlt: "Side view barber cutting hair of client",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-looking-client-mirror_23-2148242870.jpg",
|
||||
imageAlt: "Hairstylist looking at client in the mirror",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barbershop-with-client-barber_624325-2642.jpg",
|
||||
imageAlt: "barbershop with client barber",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7361.jpg", imageAlt: "modern barber shop interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/barbershop-close-up-barber-holds-razor-shaving-his-beard_1157-43556.jpg", imageAlt: "barber grooming detail" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -98,12 +61,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Refined Grooming in the Heart of the City"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -114,53 +72,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "fade",
|
||||
price: "$35",
|
||||
name: "Precision Fade",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Skin fade",
|
||||
"Hot towel finish",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "fade", price: "$35", name: "Precision Fade", features: ["Consultation", "Skin fade", "Hot towel finish"],
|
||||
buttons: [{ text: "Book Now", href: "#contact" }]
|
||||
},
|
||||
{
|
||||
id: "beard",
|
||||
price: "$25",
|
||||
name: "Beard Sculpt",
|
||||
features: [
|
||||
"Beard trim",
|
||||
"Lineup",
|
||||
"Conditioning balm",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "beard", price: "$25", name: "Beard Sculpt", features: ["Beard trim", "Lineup", "Conditioning balm"],
|
||||
buttons: [{ text: "Book Now", href: "#contact" }]
|
||||
},
|
||||
{
|
||||
id: "shave",
|
||||
price: "$45",
|
||||
name: "Hot Towel Shave",
|
||||
features: [
|
||||
"Steam treatment",
|
||||
"Straight razor shave",
|
||||
"Aftershave balm",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
id: "shave", price: "$45", name: "Hot Towel Shave", features: ["Steam treatment", "Straight razor shave", "Aftershave balm"],
|
||||
buttons: [{ text: "Book Now", href: "#contact" }]
|
||||
}
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Expert grooming to keep you sharp."
|
||||
@@ -172,20 +94,8 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No Rushed Work",
|
||||
"No Bad Haircuts",
|
||||
"No Compromises",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Professional Fades",
|
||||
"Sharp Lineups",
|
||||
"Clean Beard Trims",
|
||||
],
|
||||
}}
|
||||
negativeCard={{ items: ["No Rushed Work", "No Bad Haircuts", "No Compromises"] }}
|
||||
positiveCard={{ items: ["Professional Fades", "Sharp Lineups", "Clean Beard Trims"] }}
|
||||
title="The Results Speak for Themselves"
|
||||
description="See the precision and attention to detail we bring to every cut."
|
||||
/>
|
||||
@@ -196,44 +106,15 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
role: "Regular Client",
|
||||
testimonial: "Best fade I've ever had, hands down.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-stately-ginger-fellow-stylish-navy-t-shirt-smiling-showing-ok-sign-looking-camera-while-posing-blue-studio-background-human-facial-expressions-sincer_639032-2122.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike Smith",
|
||||
role: "Beard Enthusiast",
|
||||
testimonial: "Exceptional service and great conversation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-hair-salon_23-2150665422.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "David W.",
|
||||
role: "Business Professional",
|
||||
testimonial: "Clean shave was incredibly relaxing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-young-man-without-shirt_1262-4882.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alex R.",
|
||||
role: "Frequent Visitor",
|
||||
testimonial: "I never go anywhere else.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-covering-his-mouth_23-2149438540.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chris B.",
|
||||
role: "New Client",
|
||||
testimonial: "High level of skill and attention.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11758.jpg",
|
||||
},
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="Read what our happy clients say about our grooming services."
|
||||
testimonials={[
|
||||
{ id: "1", name: "John Doe", role: "Regular Client", testimonial: "Best fade I've ever had, hands down.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-stately-ginger-fellow-stylish-navy-t-shirt-smiling-showing-ok-sign-looking-camera-while-posing-blue-studio-background-human-facial-expressions-sincer_639032-2122.jpg" },
|
||||
{ id: "2", name: "Mike Smith", role: "Beard Enthusiast", testimonial: "Exceptional service and great conversation.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-hair-salon_23-2150665422.jpg" },
|
||||
{ id: "3", name: "David W.", role: "Business Professional", testimonial: "Clean shave was incredibly relaxing.", imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-young-man-without-shirt_1262-4882.jpg" },
|
||||
{ id: "4", name: "Alex R.", role: "Frequent Visitor", testimonial: "I never go anywhere else.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-covering-his-mouth_23-2149438540.jpg" },
|
||||
{ id: "5", name: "Chris B.", role: "New Client", testimonial: "High level of skill and attention.", imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11758.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -243,27 +124,13 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marcus",
|
||||
role: "Head Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18649.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jason",
|
||||
role: "Master Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-with-colorful-hair-black-apron-white-t-shirt-holding-handmade-little-bowl-dreamily-looking-camera-pottery-studio-isolated_574295-1028.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Leo",
|
||||
role: "Junior Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286080.jpg",
|
||||
},
|
||||
]}
|
||||
title="Meet Your Barbers"
|
||||
description="Meet the professionals behind the magic."
|
||||
members={[
|
||||
{ id: "t1", name: "Marcus", role: "Head Barber", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18649.jpg" },
|
||||
{ id: "t2", name: "Jason", role: "Master Stylist", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-with-colorful-hair-black-apron-white-t-shirt-holding-handmade-little-bowl-dreamily-looking-camera-pottery-studio-isolated_574295-1028.jpg" },
|
||||
{ id: "t3", name: "Leo", role: "Junior Barber", imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286080.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -272,21 +139,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you accept walk-ins?",
|
||||
content: "We are appointment-based to ensure quality service for every client.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What payment methods are accepted?",
|
||||
content: "We accept cash and all major credit cards.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How long are appointments?",
|
||||
content: "Standard haircuts are 45 minutes; shaves are 30 minutes.",
|
||||
},
|
||||
{ id: "f1", title: "Do you accept walk-ins?", content: "We are appointment-based to ensure quality service for every client." },
|
||||
{ id: "f2", title: "What payment methods are accepted?", content: "We accept cash and all major credit cards." },
|
||||
{ id: "f3", title: "How long are appointments?", content: "Standard haircuts are 45 minutes; shaves are 30 minutes." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -297,9 +152,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Booking"
|
||||
title="Book Your Seat"
|
||||
description="Ready for a fresh cut? Book your appointment online today."
|
||||
@@ -310,32 +163,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Elite Grooming"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Menu", items: [{ label: "Services", href: "#services" }, { label: "Gallery", href: "#gallery" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user