Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| ccada47b12 | |||
| b29b658908 | |||
| 24ce787880 | |||
| 929efdc554 |
120
src/app/page.tsx
120
src/app/page.tsx
@@ -28,42 +28,27 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "FAQ", id: "faq"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="CK Fades"
|
||||
brandName="Barber Studio"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="Premium Barbering in Roselle"
|
||||
description="Experience the perfect blend of traditional craftsmanship and modern style at CK Fades."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Modern Barbering"
|
||||
description="Experience the perfect blend of traditional craftsmanship and modern style."
|
||||
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/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-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/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/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-vector/barber-shop-elements_23-2147538780.jpg", imageAlt: "Barber tools" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -75,24 +60,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
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: "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: "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: "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"
|
||||
description="Precision cuts and grooming for every style."
|
||||
@@ -105,14 +75,10 @@ export default function LandingPage() {
|
||||
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-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-1", name: "Master Barber", role: "Head Barber", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-black-auto-mechanic-workshop_637285-9406.jpg", imageAlt: "Barber" },
|
||||
{ id: "barber-2", name: "Senior Stylist", 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" },
|
||||
]}
|
||||
title="Meet Your Barbers"
|
||||
title="Meet The Team"
|
||||
description="Professional artists dedicated to your style."
|
||||
/>
|
||||
</div>
|
||||
@@ -122,18 +88,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
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: "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: "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: "t1", title: "Great atmosphere", quote: "Best haircut in the city. Always gets it right.", name: "Client A", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/positive-satisfied-customer-making-ok-gesture_74855-3646.jpg?_wi=1" },
|
||||
{ id: "t2", title: "Solid service", quote: "Professional, clean shop, and great vibes.", name: "Client B", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/people-leisure-lively-conversation-sidewalk-cafe-one-adorable-couple_273609-6620.jpg" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
title="Client Reviews"
|
||||
description="Don't just take our word for it."
|
||||
/>
|
||||
</div>
|
||||
@@ -143,12 +101,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
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: "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: "f1", title: "Do I need an appointment?", content: "We recommend booking online, but walk-ins are welcome if space is available." },
|
||||
{ id: "f2", 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"
|
||||
@@ -161,32 +115,10 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Book Now", href: "#contact"},
|
||||
{
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#services" }] },
|
||||
{ items: [{ label: "Contact", href: "#" }] },
|
||||
]}
|
||||
logoText="CK Fades"
|
||||
logoText="Barber Studio"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user