Update src/app/page.tsx
This commit is contained in:
193
src/app/page.tsx
193
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Services", id: "pricing"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Elite Cuts"
|
||||
/>
|
||||
@@ -54,15 +46,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="Elite Cuts"
|
||||
description="Experience professional grooming in a modern, refined setting. Book your chair today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Book Now", href: "#pricing"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/antique-vintage-chandeliers-with-lamps-inside-retro-exterior-detail_169016-21579.jpg"
|
||||
imageAlt="Barbershop interior"
|
||||
@@ -75,18 +64,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Mastering the Art of ",
|
||||
},
|
||||
type: "text", content: "Mastering the Art of "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg",
|
||||
alt: "Grooming",
|
||||
},
|
||||
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DV7MhyYK6GxBl9yJeGqEoxKpCM/uploaded-1778356191943-peahu0yk.jpg", alt: "Grooming"},
|
||||
{
|
||||
type: "text",
|
||||
content: " Grooming",
|
||||
},
|
||||
type: "text", content: " Grooming"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -98,72 +80,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
tag: "Essential",
|
||||
price: "$5",
|
||||
period: "service",
|
||||
description: "Quick trim and styling.",
|
||||
button: {
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Precision cut",
|
||||
"Quick style",
|
||||
"Fresh finish",
|
||||
],
|
||||
id: "p1", tag: "Essential", price: "$5", period: "service", description: "Quick trim and styling.", button: {
|
||||
text: "Select", href: "#contact"},
|
||||
featuresTitle: "Included", features: [
|
||||
"Precision cut", "Quick style", "Fresh finish"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
tag: "Pro",
|
||||
price: "$10",
|
||||
period: "service",
|
||||
description: "Standard grooming session.",
|
||||
button: {
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Classic haircut",
|
||||
"Beard trim",
|
||||
"Professional wash",
|
||||
],
|
||||
id: "p2", tag: "Pro", price: "$10", period: "service", description: "Standard grooming session.", button: {
|
||||
text: "Select", href: "#contact"},
|
||||
featuresTitle: "Included", features: [
|
||||
"Classic haircut", "Beard trim", "Professional wash"],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
tag: "Elite",
|
||||
price: "$15",
|
||||
period: "service",
|
||||
description: "Detailed grooming treatment.",
|
||||
button: {
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Signature cut",
|
||||
"Detailed shave",
|
||||
"Hot towel service",
|
||||
],
|
||||
id: "p3", tag: "Elite", price: "$15", period: "service", description: "Detailed grooming treatment.", button: {
|
||||
text: "Select", href: "#contact"},
|
||||
featuresTitle: "Included", features: [
|
||||
"Signature cut", "Detailed shave", "Hot towel service"],
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
tag: "Master",
|
||||
price: "$20",
|
||||
period: "service",
|
||||
description: "Total grooming transformation.",
|
||||
button: {
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Master precision cut",
|
||||
"Full facial treatment",
|
||||
"Scalp massage",
|
||||
],
|
||||
id: "p4", tag: "Master", price: "$20", period: "service", description: "Total grooming transformation.", button: {
|
||||
text: "Select", href: "#contact"},
|
||||
featuresTitle: "Included", features: [
|
||||
"Master precision cut", "Full facial treatment", "Scalp massage"],
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
@@ -176,30 +114,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DV7MhyYK6GxBl9yJeGqEoxKpCM/uploaded-1778356191943-peahu0yk.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex R.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DV7MhyYK6GxBl9yJeGqEoxKpCM/uploaded-1778356191943-peahu0yk.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Ben S.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DV7MhyYK6GxBl9yJeGqEoxKpCM/uploaded-1778356191943-jmyw94th.jpg",
|
||||
},
|
||||
id: "t2", name: "Ben S.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DV7MhyYK6GxBl9yJeGqEoxKpCM/uploaded-1778356191943-jmyw94th.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Chris D.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DV7MhyYK6GxBl9yJeGqEoxKpCM/uploaded-1778356191943-iwy1pawo.jpg",
|
||||
},
|
||||
id: "t3", name: "Chris D.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DV7MhyYK6GxBl9yJeGqEoxKpCM/uploaded-1778356191943-iwy1pawo.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David L.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DV7MhyYK6GxBl9yJeGqEoxKpCM/uploaded-1778356191943-wwxcf5jp.jpg",
|
||||
},
|
||||
id: "t4", name: "David L.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DV7MhyYK6GxBl9yJeGqEoxKpCM/uploaded-1778356191943-wwxcf5jp.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Eric M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-holding-man_23-2148677584.jpg",
|
||||
},
|
||||
id: "t5", name: "Eric M.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DV7MhyYK6GxBl9yJeGqEoxKpCM/uploaded-1778356191943-peahu0yk.jpg"},
|
||||
]}
|
||||
cardTitle="Client Experiences"
|
||||
cardTag="Reviews"
|
||||
@@ -212,14 +135,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Classic Cuts",
|
||||
"Sharp Edge",
|
||||
"Gentlemen Groom",
|
||||
"Urban Barbers",
|
||||
"Modern Style",
|
||||
"Refined Look",
|
||||
"Prime Cut",
|
||||
]}
|
||||
"Classic Cuts", "Sharp Edge", "Gentlemen Groom", "Urban Barbers", "Modern Style", "Refined Look", "Prime Cut"]}
|
||||
title="Trusted Partners"
|
||||
description="Collaborating with industry leaders in style."
|
||||
/>
|
||||
@@ -231,26 +147,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I book?",
|
||||
content: "You can contact us via the booking form below or walk in.",
|
||||
},
|
||||
id: "f1", title: "How do I book?", content: "You can contact us via the booking form below or walk in."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you accept walk-ins?",
|
||||
content: "Yes, we prioritize bookings but welcome walk-in clients.",
|
||||
},
|
||||
id: "f2", title: "Do you accept walk-ins?", content: "Yes, we prioritize bookings but welcome walk-in clients."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What services are included?",
|
||||
content: "We offer haircuts, shaves, and professional grooming treatments.",
|
||||
},
|
||||
id: "f3", title: "What services are included?", content: "We offer haircuts, shaves, and professional grooming treatments."},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked"
|
||||
description="Common questions about our grooming process."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DV7MhyYK6GxBl9yJeGqEoxKpCM/uploaded-1778356191943-peahu0yk.jpg"
|
||||
imageAlt="Barber session"
|
||||
/>
|
||||
</div>
|
||||
@@ -259,46 +166,34 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to get groomed? Visit us at the studio today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@elitecuts.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:hello@elitecuts.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DV7MhyYK6GxBl9yJeGqEoxKpCM/uploaded-1778356191943-peahu0yk.jpg"
|
||||
logoText="Elite Cuts"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user