Merge version_1 into main #2
166
src/app/page.tsx
166
src/app/page.tsx
@@ -17,31 +17,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Booking",
|
||||
id: "booking",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Booking", id: "booking" },
|
||||
]}
|
||||
brandName="Royal Cuts"
|
||||
/>
|
||||
@@ -49,22 +41,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Style That Defines You"
|
||||
description="Experience the ultimate grooming journey at Royal Cuts. Where tradition meets modern luxury."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#booking",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Now", href: "#booking" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg",
|
||||
imageAlt: "Professional Barber",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg", imageAlt: "professional barber cutting hair man"
|
||||
}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -86,50 +70,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Haircut & Style",
|
||||
period: "Session",
|
||||
price: "$45",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Cut & Styling",
|
||||
"Hot Towel Finish",
|
||||
],
|
||||
button: {
|
||||
text: "Book",
|
||||
href: "#booking",
|
||||
},
|
||||
id: "p1", title: "Haircut & Style", period: "Session", price: "$45", features: ["Consultation", "Cut & Styling", "Hot Towel Finish"],
|
||||
button: { text: "Book", href: "#booking" }
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Beard Trim",
|
||||
period: "Session",
|
||||
price: "$30",
|
||||
features: [
|
||||
"Sculpting",
|
||||
"Shaving",
|
||||
"Essential Oils",
|
||||
],
|
||||
button: {
|
||||
text: "Book",
|
||||
href: "#booking",
|
||||
},
|
||||
id: "p2", title: "Beard Trim", period: "Session", price: "$30", features: ["Sculpting", "Shaving", "Essential Oils"],
|
||||
button: { text: "Book", href: "#booking" }
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Royal Shave",
|
||||
period: "Session",
|
||||
price: "$50",
|
||||
features: [
|
||||
"Straight Razor",
|
||||
"Steaming",
|
||||
"Skincare Ritual",
|
||||
],
|
||||
button: {
|
||||
text: "Book",
|
||||
href: "#booking",
|
||||
},
|
||||
},
|
||||
id: "p3", title: "Royal Shave", period: "Session", price: "$50", features: ["Straight Razor", "Steaming", "Skincare Ritual"],
|
||||
button: { text: "Book", href: "#booking" }
|
||||
}
|
||||
]}
|
||||
title="Signature Services"
|
||||
description="Handcrafted grooming solutions for the modern gentleman."
|
||||
@@ -144,32 +95,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "g1",
|
||||
brand: "Style",
|
||||
name: "Classic Fade",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
reviewCount: "100+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/officer-war-room-responsible-air-defense-relaying-instructions-squadrons-patrolling_482257-134542.jpg?_wi=1",
|
||||
id: "g1", brand: "Style", name: "Classic Fade", price: "Featured", rating: 5,
|
||||
reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/officer-war-room-responsible-air-defense-relaying-instructions-squadrons-patrolling_482257-134542.jpg"
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
brand: "Style",
|
||||
name: "Modern Quiff",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
reviewCount: "85+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairstyle-supplies_1157-7704.jpg",
|
||||
id: "g2", brand: "Style", name: "Modern Quiff", price: "Featured", rating: 5,
|
||||
reviewCount: "85+", imageSrc: "http://img.b2bpic.net/free-photo/hairstyle-supplies_1157-7704.jpg"
|
||||
},
|
||||
{
|
||||
id: "g3",
|
||||
brand: "Style",
|
||||
name: "Beard Art",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
reviewCount: "120+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/officer-war-room-responsible-air-defense-relaying-instructions-squadrons-patrolling_482257-134542.jpg?_wi=2",
|
||||
},
|
||||
id: "g3", brand: "Style", name: "Beard Art", price: "Featured", rating: 5,
|
||||
reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/officer-war-room-responsible-air-defense-relaying-instructions-squadrons-patrolling_482257-134542.jpg"
|
||||
}
|
||||
]}
|
||||
title="Our Work"
|
||||
description="Precision and style on full display."
|
||||
@@ -182,22 +118,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I book?",
|
||||
content: "Simply click the button above and select your preferred time slot.",
|
||||
id: "f1", title: "How do I book?", content: "Simply click the button above and select your preferred time slot."
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Cancellations?",
|
||||
content: "Please cancel or reschedule at least 24 hours in advance.",
|
||||
},
|
||||
id: "f2", title: "Cancellations?", content: "Please cancel or reschedule at least 24 hours in advance."
|
||||
}
|
||||
]}
|
||||
ctaTitle="Schedule Your Visit"
|
||||
ctaDescription="We are ready to provide the royal treatment. Book your spot today."
|
||||
ctaButton={{
|
||||
text: "Book Now",
|
||||
href: "https://calendar.com",
|
||||
}}
|
||||
ctaButton={{ text: "Book Now", href: "https://calendar.com" }}
|
||||
ctaIcon={Calendar}
|
||||
/>
|
||||
</div>
|
||||
@@ -206,27 +135,14 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Royal Cuts",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Royal Cuts", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Facebook", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Legal", items: [{ label: "Privacy Policy", href: "#" }]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2024 Royal Cuts. All Rights Reserved."
|
||||
bottomRightText="123 Grooming Lane, City Center"
|
||||
@@ -235,4 +151,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user