Update src/app/page.tsx
This commit is contained in:
204
src/app/page.tsx
204
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="CK Fades"
|
||||
/>
|
||||
@@ -52,41 +44,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Premium Barbering in Roselle"
|
||||
description="Experience the perfect blend of traditional craftsmanship and modern style at CK Fades."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoors-conference-space-business-chair_1203-4121.jpg",
|
||||
imageAlt: "Barber shop interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoors-conference-space-business-chair_1203-4121.jpg", imageAlt: "Barber shop interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-trimming-clients-hair-barbershop_23-2148181956.jpg",
|
||||
imageAlt: "Clean fade haircut",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-trimming-clients-hair-barbershop_23-2148181956.jpg", imageAlt: "Clean fade haircut"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/barber-shop-elements_23-2147538780.jpg",
|
||||
imageAlt: "Barber tools",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/barber-shop-elements_23-2147538780.jpg", imageAlt: "Barber tools"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-holding-scissors-his-right-hand_23-2148298352.jpg",
|
||||
imageAlt: "Client getting haircut",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-holding-scissors-his-right-hand_23-2148298352.jpg", imageAlt: "Client getting haircut"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-japanese-culture-house-entrance_23-2149301054.jpg",
|
||||
imageAlt: "Storefront",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-japanese-culture-house-entrance_23-2149301054.jpg", imageAlt: "Storefront"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/annoyed-young-male-barber-wearing-glasses-red-shirt-barber-apron-holding-hair-spray-comb-looking-side-isolated-blue-background_141793-138011.jpg",
|
||||
imageAlt: "Professional barber",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/annoyed-young-male-barber-wearing-glasses-red-shirt-barber-apron-holding-hair-spray-comb-looking-side-isolated-blue-background_141793-138011.jpg", imageAlt: "Professional barber"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -99,54 +76,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "cut",
|
||||
tag: "Popular",
|
||||
price: "$30",
|
||||
period: "per cut",
|
||||
description: "Classic cut with a modern finish.",
|
||||
button: {
|
||||
text: "Book",
|
||||
},
|
||||
featuresTitle: "Includes",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Haircut",
|
||||
"Hot Towel",
|
||||
"Neck Shave",
|
||||
],
|
||||
id: "cut", tag: "Popular", price: "$30", period: "per cut", description: "Classic cut with a modern finish.", button: {
|
||||
text: "Book"},
|
||||
featuresTitle: "Includes", features: [
|
||||
"Consultation", "Haircut", "Hot Towel", "Neck Shave"],
|
||||
},
|
||||
{
|
||||
id: "beard",
|
||||
tag: "Grooming",
|
||||
price: "$25",
|
||||
period: "service",
|
||||
description: "Precision beard trim and maintenance.",
|
||||
button: {
|
||||
text: "Book",
|
||||
},
|
||||
featuresTitle: "Includes",
|
||||
features: [
|
||||
"Beard Trim",
|
||||
"Line Up",
|
||||
"Moisturizing Oil",
|
||||
],
|
||||
id: "beard", tag: "Grooming", price: "$25", period: "service", description: "Precision beard trim and maintenance.", button: {
|
||||
text: "Book"},
|
||||
featuresTitle: "Includes", features: [
|
||||
"Beard Trim", "Line Up", "Moisturizing Oil"],
|
||||
},
|
||||
{
|
||||
id: "full",
|
||||
tag: "Elite",
|
||||
price: "$50",
|
||||
period: "combo",
|
||||
description: "Full haircut and beard service.",
|
||||
button: {
|
||||
text: "Book",
|
||||
},
|
||||
featuresTitle: "Includes",
|
||||
features: [
|
||||
"Haircut",
|
||||
"Beard Trim",
|
||||
"Face Massage",
|
||||
"Styling",
|
||||
],
|
||||
id: "full", tag: "Elite", price: "$50", period: "combo", description: "Full haircut and beard service.", button: {
|
||||
text: "Book"},
|
||||
featuresTitle: "Includes", features: [
|
||||
"Haircut", "Beard Trim", "Face Massage", "Styling"],
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
@@ -156,30 +101,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "barber-1",
|
||||
name: "Chris K.",
|
||||
role: "Head Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-black-auto-mechanic-workshop_637285-9406.jpg",
|
||||
imageAlt: "Barber Chris",
|
||||
},
|
||||
id: "barber-1", name: "Chris K.", role: "Head Barber", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-black-auto-mechanic-workshop_637285-9406.jpg", imageAlt: "Barber Chris"},
|
||||
{
|
||||
id: "barber-2",
|
||||
name: "Mike J.",
|
||||
role: "Senior Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-uniform-writing-something-clipboard-isolated-orange-wall_141793-82572.jpg",
|
||||
imageAlt: "Barber Mike",
|
||||
},
|
||||
id: "barber-2", name: "Mike J.", role: "Senior Barber", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-uniform-writing-something-clipboard-isolated-orange-wall_141793-82572.jpg", imageAlt: "Barber Mike"},
|
||||
{
|
||||
id: "barber-3",
|
||||
name: "Alex R.",
|
||||
role: "Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beard-asian-man-casual-wear-posing-indoor-cafe_627829-14182.jpg",
|
||||
imageAlt: "Barber Alex",
|
||||
},
|
||||
id: "barber-3", name: "Alex R.", role: "Stylist", imageSrc: "http://img.b2bpic.net/free-photo/beard-asian-man-casual-wear-posing-indoor-cafe_627829-14182.jpg", imageAlt: "Barber Alex"},
|
||||
]}
|
||||
title="Meet Your Barbers"
|
||||
description="Professional artists dedicated to your style."
|
||||
@@ -192,45 +123,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Great atmosphere",
|
||||
quote: "Best haircut in Roselle. Chris always gets it right.",
|
||||
name: "John D.",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-satisfied-customer-making-ok-gesture_74855-3646.jpg?_wi=1",
|
||||
},
|
||||
id: "t1", title: "Great atmosphere", quote: "Best haircut in Roselle. Chris always gets it right.", name: "John D.", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/positive-satisfied-customer-making-ok-gesture_74855-3646.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Solid service",
|
||||
quote: "Professional, clean shop, and great vibes.",
|
||||
name: "Sarah W.",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-leisure-lively-conversation-sidewalk-cafe-one-adorable-couple_273609-6620.jpg",
|
||||
},
|
||||
id: "t2", title: "Solid service", quote: "Professional, clean shop, and great vibes.", name: "Sarah W.", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/people-leisure-lively-conversation-sidewalk-cafe-one-adorable-couple_273609-6620.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Highly recommend",
|
||||
quote: "I won't go anywhere else. Top notch fades.",
|
||||
name: "David M.",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-man-smiling-stretching-hands-camera_176420-12617.jpg",
|
||||
},
|
||||
id: "t3", title: "Highly recommend", quote: "I won't go anywhere else. Top notch fades.", name: "David M.", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/happy-african-man-smiling-stretching-hands-camera_176420-12617.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Consistent",
|
||||
quote: "Always walk out feeling refreshed. 5 stars.",
|
||||
name: "Kevin L.",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-fashionable-bearded-businessman-with-stylish-haircut-speaking-by-phone-drinks-glass-cool-juice-sitting-cafe-outdoors_613910-6697.jpg",
|
||||
},
|
||||
id: "t4", title: "Consistent", quote: "Always walk out feeling refreshed. 5 stars.", name: "Kevin L.", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-fashionable-bearded-businessman-with-stylish-haircut-speaking-by-phone-drinks-glass-cool-juice-sitting-cafe-outdoors_613910-6697.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Top tier",
|
||||
quote: "The attention to detail here is unmatched in the area.",
|
||||
name: "Mark P.",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-satisfied-customer-making-ok-gesture_74855-3646.jpg?_wi=2",
|
||||
},
|
||||
id: "t5", title: "Top tier", quote: "The attention to detail here is unmatched in the area.", name: "Mark P.", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/positive-satisfied-customer-making-ok-gesture_74855-3646.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Don't just take our word for it."
|
||||
@@ -243,20 +144,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "We recommend booking online, but walk-ins are welcome if space is available.",
|
||||
},
|
||||
id: "f1", title: "Do I need an appointment?", content: "We recommend booking online, but walk-ins are welcome if space is available."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Where are you located?",
|
||||
content: "We are located right in the heart of Roselle, IL.",
|
||||
},
|
||||
id: "f2", title: "Where are you located?", content: "We are located right in the heart of Roselle, IL."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What payments are accepted?",
|
||||
content: "We accept cash, credit cards, and major digital payments.",
|
||||
},
|
||||
id: "f3", title: "What payments are accepted?", content: "We accept cash, credit cards, and major digital payments."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cheerful-young-girl-with-dark-hair-beret-classic-beige-trench-coat-sitting-table-city-cafe-terrace-smiling-having-cheesecake-tea-breakfast_197531-24446.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -272,37 +164,25 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Book Now", href: "#contact"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user