Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 28960d3f11 | |||
| b4647c893c |
210
src/app/page.tsx
210
src/app/page.tsx
@@ -29,25 +29,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Our Barbers",
|
||||
id: "team",
|
||||
},
|
||||
name: "Our Barbers", id: "team"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Chula Vista Barbershop"
|
||||
/>
|
||||
@@ -56,23 +46,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Serving Chula Vista Since 1972"
|
||||
description="Welcome to our neighborhood staple. A community barber shop where classic quality meets friendly service. Walk-ins always welcome, cash only."
|
||||
description="Victor Frankenstein, a young and driven scientist, becomes obsessed with creating life. He builds a human-like being using parts from dead bodies and successfully brings it to life. However, he is immediately horrified by his creation and abandons it. The creature, left alone and rejected by everyone it encounters, desperately seeks companionship. When it is repeatedly denied acceptance, it becomes bitter and turns to revenge."
|
||||
kpis={[
|
||||
{
|
||||
value: "50+ Years",
|
||||
label: "Community Service",
|
||||
},
|
||||
value: "50+ Years", label: "Community Service"},
|
||||
{
|
||||
value: "Classic",
|
||||
label: "Barber Tradition",
|
||||
},
|
||||
value: "Classic", label: "Barber Tradition"},
|
||||
{
|
||||
value: "Friendly",
|
||||
label: "Local Atmosphere",
|
||||
},
|
||||
value: "Friendly", label: "Local Atmosphere"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg"
|
||||
@@ -80,48 +63,28 @@ export default function LandingPage() {
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-holding-we-are-open-sign_23-2148604363.jpg",
|
||||
alt: "Man holding we are open sign",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-holding-we-are-open-sign_23-2148604363.jpg", alt: "Man holding we are open sign"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286009.jpg",
|
||||
alt: "Latino hair salon owner preparing for clients",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286009.jpg", alt: "Latino hair salon owner preparing for clients"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/shop-owner-mask-outside-cafe-new-normal-with-sign_53876-97519.jpg",
|
||||
alt: "Shop owner in mask outside cafe in new normal with a sign",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/shop-owner-mask-outside-cafe-new-normal-with-sign_53876-97519.jpg", alt: "Shop owner in mask outside cafe in new normal with a sign"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6322.jpg",
|
||||
alt: "Young bearded man getting haircut by hairdresser",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6322.jpg", alt: "Young bearded man getting haircut by hairdresser"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-positive-blond-bearded-male-dressed-red-fleece-shirt-makes-conversation_613910-1800.jpg",
|
||||
alt: "Studio portrait of positive blond bearded male",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-positive-blond-bearded-male-dressed-red-fleece-shirt-makes-conversation_613910-1800.jpg", alt: "Studio portrait of positive blond bearded male"},
|
||||
]}
|
||||
avatarText="Join our community of regulars"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Classic Cuts",
|
||||
},
|
||||
type: "text", text: "Classic Cuts"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Skin Fades",
|
||||
},
|
||||
type: "text", text: "Skin Fades"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Senior Discounts",
|
||||
},
|
||||
type: "text", text: "Senior Discounts"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Grooming",
|
||||
},
|
||||
type: "text", text: "Expert Grooming"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community Focused",
|
||||
},
|
||||
type: "text", text: "Community Focused"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -133,51 +96,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "regular",
|
||||
badge: "Popular",
|
||||
price: "$20",
|
||||
subtitle: "Regular Haircut",
|
||||
features: [
|
||||
"Classic cut",
|
||||
"Professional service",
|
||||
"Community focus",
|
||||
],
|
||||
id: "regular", badge: "Popular", price: "$20", subtitle: "Regular Haircut", features: [
|
||||
"Classic cut", "Professional service", "Community focus"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Visit Us",
|
||||
},
|
||||
text: "Visit Us"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "senior",
|
||||
badge: "Special",
|
||||
price: "$13",
|
||||
subtitle: "Senior Discount",
|
||||
features: [
|
||||
"Quality care",
|
||||
"Neighborhood discount",
|
||||
"Warm hospitality",
|
||||
],
|
||||
id: "senior", badge: "Special", price: "$13", subtitle: "Senior Discount", features: [
|
||||
"Quality care", "Neighborhood discount", "Warm hospitality"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Visit Us",
|
||||
},
|
||||
text: "Visit Us"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "fade",
|
||||
badge: "Style",
|
||||
price: "Market Rate",
|
||||
subtitle: "Skin Fades",
|
||||
features: [
|
||||
"Expert technique",
|
||||
"Clean finish",
|
||||
"Precision work",
|
||||
],
|
||||
id: "fade", badge: "Style", price: "Market Rate", subtitle: "Skin Fades", features: [
|
||||
"Expert technique", "Clean finish", "Precision work"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Visit Us",
|
||||
},
|
||||
text: "Visit Us"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -194,41 +133,17 @@ export default function LandingPage() {
|
||||
membersAnimation="blur-reveal"
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Marcelo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg",
|
||||
imageAlt: "Marcelo",
|
||||
},
|
||||
id: "m1", name: "Marcelo", imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg", imageAlt: "Marcelo"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Pete",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-with-crossed-arms-dressed-white-shirt-grey-background_613910-8120.jpg",
|
||||
imageAlt: "Pete",
|
||||
},
|
||||
id: "m2", name: "Pete", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-with-crossed-arms-dressed-white-shirt-grey-background_613910-8120.jpg", imageAlt: "Pete"},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Esther",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-woman-with-short-hair-apron-hat-holding-hedge-clippers-with-serious-face_141793-102431.jpg",
|
||||
imageAlt: "Esther",
|
||||
},
|
||||
id: "m3", name: "Esther", imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-woman-with-short-hair-apron-hat-holding-hedge-clippers-with-serious-face_141793-102431.jpg", imageAlt: "Esther"},
|
||||
{
|
||||
id: "m4",
|
||||
name: "Tina",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94772.jpg",
|
||||
imageAlt: "Tina",
|
||||
},
|
||||
id: "m4", name: "Tina", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94772.jpg", imageAlt: "Tina"},
|
||||
{
|
||||
id: "m5",
|
||||
name: "Angie",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scared-young-beautiful-female-barber-uniform-holding-hair-clippers-putting-hands-face-isolated-blue-background_141793-118688.jpg",
|
||||
imageAlt: "Angie",
|
||||
},
|
||||
id: "m5", name: "Angie", imageSrc: "http://img.b2bpic.net/free-photo/scared-young-beautiful-female-barber-uniform-holding-hair-clippers-putting-hands-face-isolated-blue-background_141793-118688.jpg", imageAlt: "Angie"},
|
||||
{
|
||||
id: "m6",
|
||||
name: "Armando",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-slavic-middle-aged-male-barber-uniform-holding-barber-tools-isolated-purple-wall_141793-91610.jpg",
|
||||
imageAlt: "Armando",
|
||||
},
|
||||
id: "m6", name: "Armando", imageSrc: "http://img.b2bpic.net/free-photo/pleased-slavic-middle-aged-male-barber-uniform-holding-barber-tools-isolated-purple-wall_141793-91610.jpg", imageAlt: "Armando"},
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
@@ -242,25 +157,15 @@ export default function LandingPage() {
|
||||
author="Local Resident"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-fashionable-young-man-trendy-headwear-sitting-wooden-table-coffee-shop_273609-1757.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-fashionable-young-man-trendy-headwear-sitting-wooden-table-coffee-shop_273609-1757.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817234.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817234.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/shopping-concept-with-happy-women_23-2147705117.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/shopping-concept-with-happy-women_23-2147705117.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149220553.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149220553.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -271,8 +176,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Location"
|
||||
title="Visit Us Today"
|
||||
description="123 Barber St, Chula Vista, CA. No appointment needed. Cash only payment. Business Hours: Tue-Sat 9AM-6PM, Sun 10AM-3PM."
|
||||
@@ -283,37 +187,23 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Barbershop",
|
||||
items: [
|
||||
title: "Barbershop", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Our Barbers",
|
||||
href: "#team",
|
||||
},
|
||||
label: "Our Barbers", href: "#team"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
title: "Information", items: [
|
||||
{
|
||||
label: "Walk-ins Welcome",
|
||||
href: "#",
|
||||
},
|
||||
label: "Walk-ins Welcome", href: "#"},
|
||||
{
|
||||
label: "Cash Only Payment",
|
||||
href: "#",
|
||||
},
|
||||
label: "Cash Only Payment", href: "#"},
|
||||
{
|
||||
label: "Established 1972",
|
||||
href: "#",
|
||||
},
|
||||
label: "Established 1972", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -324,4 +214,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user