Merge version_1 into main #2
233
src/app/page.tsx
233
src/app/page.tsx
@@ -17,31 +17,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
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: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Dandies Barbershop"
|
||||
/>
|
||||
@@ -51,12 +43,7 @@ export default function LandingPage() {
|
||||
<HeroOverlay
|
||||
title="Expert Cuts, Precision Beard Styling in Mountain View"
|
||||
description="Dandies delivers classic barbershop quality with modern beard artistry. Book your appointment in seconds—no wait, no hassle."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Cut Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Your Cut Now", href: "#" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4kpAKWKgRHdhlUPIquMeJTME/a-high-end-classic-barbershop-interior-w-1774775216434-cc069001.png"
|
||||
imageAlt="Dandies Barbershop professional interior"
|
||||
/>
|
||||
@@ -69,18 +56,9 @@ export default function LandingPage() {
|
||||
title="Craftsmanship at its Finest"
|
||||
description="At Dandies, we believe a great haircut is more than a service; it's a statement. Located in the heart of Mountain View, our stylists combine traditional techniques with modern aesthetic trends to ensure you leave looking and feeling your best."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Traditional Craft",
|
||||
description: "Experienced barbers trained in classic techniques.",
|
||||
},
|
||||
{
|
||||
title: "Modern Artistry",
|
||||
description: "Specialized in contemporary styles and beard designs.",
|
||||
},
|
||||
{
|
||||
title: "Precision Styling",
|
||||
description: "Attention to every detail, ensuring perfect results every time.",
|
||||
},
|
||||
{ title: "Traditional Craft", description: "Experienced barbers trained in classic techniques." },
|
||||
{ title: "Modern Artistry", description: "Specialized in contemporary styles and beard designs." },
|
||||
{ title: "Precision Styling", description: "Attention to every detail, ensuring perfect results every time." }
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4kpAKWKgRHdhlUPIquMeJTME/a-close-up-of-a-skilled-barber-performin-1774775215733-2cb90acb.png"
|
||||
imageAlt="Barber performing precision beard styling"
|
||||
@@ -95,24 +73,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Precision Haircut",
|
||||
price: "$45",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4kpAKWKgRHdhlUPIquMeJTME/a-sharp-modern-men-s-haircut-clean-edges-1774775215521-f4a5309b.png",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Expert Beard Sculpt",
|
||||
price: "$30",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4kpAKWKgRHdhlUPIquMeJTME/expert-beard-grooming-and-beard-sculptin-1774775217476-a2b64f62.png",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Hot Towel Shave",
|
||||
price: "$50",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4kpAKWKgRHdhlUPIquMeJTME/traditional-straight-razor-hot-towel-sha-1774775218352-c826d74c.png",
|
||||
},
|
||||
{ id: "p1", name: "Precision Haircut", price: "$45", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4kpAKWKgRHdhlUPIquMeJTME/a-sharp-modern-men-s-haircut-clean-edges-1774775215521-f4a5309b.png" },
|
||||
{ id: "p2", name: "Expert Beard Sculpt", price: "$30", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4kpAKWKgRHdhlUPIquMeJTME/expert-beard-grooming-and-beard-sculptin-1774775217476-a2b64f62.png" },
|
||||
{ id: "p3", name: "Hot Towel Shave", price: "$50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4kpAKWKgRHdhlUPIquMeJTME/traditional-straight-razor-hot-towel-sha-1774775218352-c826d74c.png" }
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="From classic trims to modern beard maintenance, explore our premium offerings."
|
||||
@@ -125,57 +88,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "plan-basic",
|
||||
badge: "Essential",
|
||||
price: "$45",
|
||||
subtitle: "Includes haircut and neck shave",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Precision Cut",
|
||||
"Hot Towel Finish",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "plan-pro",
|
||||
badge: "Popular",
|
||||
price: "$70",
|
||||
subtitle: "Total grooming experience",
|
||||
features: [
|
||||
"Precision Cut",
|
||||
"Beard Sculpt",
|
||||
"Hot Towel Shave",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "plan-beard",
|
||||
badge: "Focused",
|
||||
price: "$30",
|
||||
subtitle: "For the perfect beard",
|
||||
features: [
|
||||
"Beard Trim",
|
||||
"Line Up",
|
||||
"Conditioning Treatment",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "plan-basic", badge: "Essential", price: "$45", subtitle: "Includes haircut and neck shave", features: ["Consultation", "Precision Cut", "Hot Towel Finish"], buttons: [{ text: "Book", href: "#" }] },
|
||||
{ id: "plan-pro", badge: "Popular", price: "$70", subtitle: "Total grooming experience", features: ["Precision Cut", "Beard Sculpt", "Hot Towel Shave"], buttons: [{ text: "Book", href: "#" }] },
|
||||
{ id: "plan-beard", badge: "Focused", price: "$30", subtitle: "For the perfect beard", features: ["Beard Trim", "Line Up", "Conditioning Treatment"], buttons: [{ text: "Book", href: "#" }] }
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
description="Quality service with no hidden costs."
|
||||
@@ -189,46 +104,11 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mark Stevens",
|
||||
role: "Software Engineer",
|
||||
company: "Local Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Chen",
|
||||
role: "Manager",
|
||||
company: "Startup Inc",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-couple-with-drinks_23-2149614026.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Miller",
|
||||
role: "Executive",
|
||||
company: "Mountain View Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-european-businessman-dark-suit-isolated-wearing-sunglasses_343596-4967.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alex Rivera",
|
||||
role: "Designer",
|
||||
company: "Agency",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-looking-front-telling-secret-with-hand-near-mouth-standing-light-wall_141793-50676.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jordan Smith",
|
||||
role: "Director",
|
||||
company: "Growth HQ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Mark Stevens", role: "Software Engineer", company: "Local Tech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg" },
|
||||
{ id: "2", name: "James Chen", role: "Manager", company: "Startup Inc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-couple-with-drinks_23-2149614026.jpg" },
|
||||
{ id: "3", name: "David Miller", role: "Executive", company: "Mountain View Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bearded-european-businessman-dark-suit-isolated-wearing-sunglasses_343596-4967.jpg" },
|
||||
{ id: "4", name: "Alex Rivera", role: "Designer", company: "Agency", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-looking-front-telling-secret-with-hand-near-mouth-standing-light-wall_141793-50676.jpg" },
|
||||
{ id: "5", name: "Jordan Smith", role: "Director", company: "Growth HQ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg" }
|
||||
]}
|
||||
title="What Mountain View Says"
|
||||
description="Trusted by local professionals to keep them looking sharp."
|
||||
@@ -239,21 +119,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "We highly recommend booking online to avoid waiting.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Where are you located?",
|
||||
content: "We are located right in the heart of Mountain View, convenient for professionals.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer beard styling?",
|
||||
content: "Yes! Beard sculpting and grooming is one of our specialties.",
|
||||
},
|
||||
{ id: "f1", title: "Do I need an appointment?", content: "We highly recommend booking online to avoid waiting." },
|
||||
{ id: "f2", title: "Where are you located?", content: "We are located right in the heart of Mountain View, convenient for professionals." },
|
||||
{ id: "f3", title: "Do you offer beard styling?", content: "Yes! Beard sculpting and grooming is one of our specialties." }
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Need clarity? We've got answers."
|
||||
@@ -264,42 +132,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ items: [{ label: "Pricing", href: "#pricing" }, { label: "FAQ", href: "#contact" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
logoText="Dandies Barbershop"
|
||||
/>
|
||||
@@ -307,4 +142,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user