Merge version_1 into main #2
214
src/app/page.tsx
214
src/app/page.tsx
@@ -18,54 +18,37 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
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">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Book",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Book", id: "contact" },
|
||||
]}
|
||||
brandName="CARPE DIEM"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="The Finest Haircut You Will Ever Get In London"
|
||||
description="London’s Only 5-Star Barbershop — 619 Google Reviews"
|
||||
buttons={[
|
||||
{
|
||||
text: "BOOK NOW",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DfLDoN8kjlrnDuSpXHQ9Yasjdv/uploaded-1778668147182-nh4zvlaz.jpg?_wi=1"
|
||||
buttons={[{ text: "BOOK NOW", href: "#contact" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DfLDoN8kjlrnDuSpXHQ9Yasjdv/uploaded-1778668147182-nh4zvlaz.jpg"
|
||||
imageAlt="Luxurious barbershop interior in London"
|
||||
/>
|
||||
</div>
|
||||
@@ -86,43 +69,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "haircuts",
|
||||
badge: "Cut",
|
||||
price: "£48",
|
||||
subtitle: "Premium Haircut Services",
|
||||
features: [
|
||||
"Long Haircut - £48",
|
||||
"Skin Fade - POA",
|
||||
"Skin Fade + Haircut - POA",
|
||||
"Beard Trim - POA",
|
||||
"Razor Cut - POA",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "haircuts", badge: "Cut", price: "£48", subtitle: "Premium Haircut Services", features: ["Long Haircut - £48", "Skin Fade - POA", "Skin Fade + Haircut - POA", "Beard Trim - POA", "Razor Cut - POA"],
|
||||
buttons: [{ text: "Book Now", href: "#contact" }],
|
||||
},
|
||||
{
|
||||
id: "colour",
|
||||
badge: "Colour",
|
||||
price: "£45+",
|
||||
subtitle: "Specialized Colouring",
|
||||
features: [
|
||||
"Hair Colour - £45",
|
||||
"Colour with Haircut - £80",
|
||||
"Beard Colour - £30",
|
||||
"Beard Colour & Trim - £65",
|
||||
"Package - £140",
|
||||
"Patch Test - FREE",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "colour", badge: "Colour", price: "£45+", subtitle: "Specialized Colouring", features: ["Hair Colour - £45", "Colour with Haircut - £80", "Beard Colour - £30", "Beard Colour & Trim - £65", "Package - £140", "Patch Test - FREE"],
|
||||
buttons: [{ text: "Book Now", href: "#contact" }],
|
||||
},
|
||||
]}
|
||||
title="Services & Prices"
|
||||
@@ -132,34 +84,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "g1",
|
||||
name: "Classic Taper",
|
||||
price: "Styling",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DfLDoN8kjlrnDuSpXHQ9Yasjdv/uploaded-1778668147182-cbnek24c.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
name: "Modern Fade",
|
||||
price: "Styling",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DfLDoN8kjlrnDuSpXHQ9Yasjdv/uploaded-1778668147182-et5hucpa.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "g3",
|
||||
name: "Precision Beard",
|
||||
price: "Grooming",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DfLDoN8kjlrnDuSpXHQ9Yasjdv/uploaded-1778668147182-d91izcri.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "g4",
|
||||
name: "Signature Finish",
|
||||
price: "Artistry",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DfLDoN8kjlrnDuSpXHQ9Yasjdv/uploaded-1778668147182-nh4zvlaz.jpg?_wi=2",
|
||||
},
|
||||
{ id: "g1", name: "Classic Taper", price: "Styling", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DfLDoN8kjlrnDuSpXHQ9Yasjdv/uploaded-1778668147182-cbnek24c.png" },
|
||||
{ id: "g2", name: "Modern Fade", price: "Styling", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DfLDoN8kjlrnDuSpXHQ9Yasjdv/uploaded-1778668147182-et5hucpa.jpg" },
|
||||
{ id: "g3", name: "Precision Beard", price: "Grooming", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DfLDoN8kjlrnDuSpXHQ9Yasjdv/uploaded-1778668147182-d91izcri.jpg" },
|
||||
{ id: "g4", name: "Signature Finish", price: "Artistry", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DfLDoN8kjlrnDuSpXHQ9Yasjdv/uploaded-1778668147182-nh4zvlaz.jpg" },
|
||||
]}
|
||||
title="Our Work"
|
||||
description="Showcasing our signature styles and attention to detail."
|
||||
@@ -172,65 +105,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "r1",
|
||||
name: "William Julian Taranu-Lee",
|
||||
role: "Client",
|
||||
company: "Carpe Diem",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DfLDoN8kjlrnDuSpXHQ9Yasjdv/uploaded-1778668147182-cbnek24c.png?_wi=2",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
{
|
||||
id: "r2",
|
||||
name: "Clement LIU",
|
||||
role: "Client",
|
||||
company: "Carpe Diem",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DfLDoN8kjlrnDuSpXHQ9Yasjdv/uploaded-1778668147182-nh4zvlaz.jpg?_wi=3",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
{
|
||||
id: "r3",
|
||||
name: "David Solomon",
|
||||
role: "Client",
|
||||
company: "Carpe Diem",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DfLDoN8kjlrnDuSpXHQ9Yasjdv/uploaded-1778668147182-et5hucpa.jpg?_wi=2",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
{
|
||||
id: "r4",
|
||||
name: "James Henderson",
|
||||
role: "Client",
|
||||
company: "Carpe Diem",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DfLDoN8kjlrnDuSpXHQ9Yasjdv/uploaded-1778668147182-d91izcri.jpg?_wi=2",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
{
|
||||
id: "r5",
|
||||
name: "Marcus Thorne",
|
||||
role: "Client",
|
||||
company: "Carpe Diem",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DfLDoN8kjlrnDuSpXHQ9Yasjdv/uploaded-1778668147182-cbnek24c.png?_wi=3",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
{ id: "r1", name: "William Julian Taranu-Lee", role: "Client", company: "Carpe Diem", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DfLDoN8kjlrnDuSpXHQ9Yasjdv/uploaded-1778668147182-cbnek24c.png", imageAlt: "User provided image" },
|
||||
{ id: "r2", name: "Clement LIU", role: "Client", company: "Carpe Diem", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DfLDoN8kjlrnDuSpXHQ9Yasjdv/uploaded-1778668147182-nh4zvlaz.jpg", imageAlt: "User provided image" },
|
||||
{ id: "r3", name: "David Solomon", role: "Client", company: "Carpe Diem", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DfLDoN8kjlrnDuSpXHQ9Yasjdv/uploaded-1778668147182-et5hucpa.jpg", imageAlt: "User provided image" },
|
||||
{ id: "r4", name: "James Henderson", role: "Client", company: "Carpe Diem", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DfLDoN8kjlrnDuSpXHQ9Yasjdv/uploaded-1778668147182-d91izcri.jpg", imageAlt: "User provided image" },
|
||||
{ id: "r5", name: "Marcus Thorne", role: "Client", company: "Carpe Diem", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DfLDoN8kjlrnDuSpXHQ9Yasjdv/uploaded-1778668147182-cbnek24c.png", imageAlt: "User provided image" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Rating",
|
||||
},
|
||||
{
|
||||
value: "619",
|
||||
label: "Reviews",
|
||||
},
|
||||
{
|
||||
value: "1st",
|
||||
label: "Choice",
|
||||
},
|
||||
{ value: "5.0", label: "Rating" },
|
||||
{ value: "619", label: "Reviews" },
|
||||
{ value: "1st", label: "Choice" },
|
||||
]}
|
||||
title="London’s Only 5-Star Barbershop"
|
||||
description="619 Google Reviews"
|
||||
@@ -240,9 +124,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="53 Charlotte St., London W1T 4PA"
|
||||
description="Call us at +44 7828 469044 or email sol@carpediembarberlondon.co.uk"
|
||||
@@ -253,29 +135,15 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Carpe Diem",
|
||||
items: [
|
||||
{
|
||||
label: "53 Charlotte St., London",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "07828 469044",
|
||||
href: "#",
|
||||
},
|
||||
title: "Carpe Diem", items: [
|
||||
{ label: "53 Charlotte St., London", href: "#" },
|
||||
{ label: "07828 469044", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "TikTok",
|
||||
href: "#",
|
||||
},
|
||||
title: "Links", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "TikTok", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user