Update src/app/page.tsx
This commit is contained in:
188
src/app/page.tsx
188
src/app/page.tsx
@@ -31,16 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Gallery", id: "gallery"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Latin Barber Shop"
|
||||
/>
|
||||
@@ -48,45 +43,27 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Precision Cuts. Clean Fades. Staten Island’s Local Barbershop."
|
||||
description="Affordable haircuts, fresh fades, and friendly service. Walk in anytime or call now to secure your spot."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313014.jpg", alt: "Barber Shop"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/different-razors-table_23-2147736988.jpg", alt: "Barber Shop"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313019.jpg", alt: "Barber Shop"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/company-employee-analyzing-financial-charts-graphs-office-working-business-growth-development-male-worker-planning-marketing-analysis-project-statistics-startegy-close-up_482257-42058.jpg", alt: "Barber Shop"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313012.jpg", alt: "Barber Shop"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313014.jpg", alt: "Barber Shop" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/different-razors-table_23-2147736988.jpg", alt: "Barber Shop" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313019.jpg", alt: "Barber Shop" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/company-employee-analyzing-financial-charts-graphs-office-working-business-growth-development-male-worker-planning-marketing-analysis-project-statistics-startegy-close-up_482257-42058.jpg", alt: "Barber Shop" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313012.jpg", alt: "Barber Shop" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now", href: "tel:7187201978"},
|
||||
{
|
||||
text: "Get Directions", href: "https://maps.google.com/?q=14+St+Pauls+Ave+Staten+Island+NY+10301"},
|
||||
{ text: "Call Now", href: "tel:7187201978" },
|
||||
{ text: "Get Directions", href: "https://maps.google.com/?q=14+St+Pauls+Ave+Staten+Island+NY+10301" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon", text: "Professional Fades", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Walk-ins Welcome", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Open 7 Days", icon: CalendarDays,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Expert Barbers", icon: Scissors,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Affordable Rates", icon: DollarSign,
|
||||
},
|
||||
{ type: "text-icon", text: "Professional Fades", icon: Sparkles },
|
||||
{ type: "text-icon", text: "Walk-ins Welcome", icon: CheckCircle },
|
||||
{ type: "text-icon", text: "Open 7 Days", icon: CalendarDays },
|
||||
{ type: "text-icon", text: "Expert Barbers", icon: Scissors },
|
||||
{ type: "text-icon", text: "Affordable Rates", icon: DollarSign },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -97,42 +74,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "1", title: "Haircut", price: "$25+", period: "", features: [
|
||||
"Basic cut", "Clean finish"],
|
||||
button: {
|
||||
text: "Call Now", href: "tel:7187201978"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-tools-barber-master_651396-126.jpg", imageAlt: "Working tools of barber master"},
|
||||
{
|
||||
id: "2", title: "Skin Fade", price: "$30+", period: "", features: [
|
||||
"Detailed fade", "Premium finish"],
|
||||
button: {
|
||||
text: "Call Now", href: "tel:7187201978"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313014.jpg", imageAlt: "Working tools of barber master"},
|
||||
{
|
||||
id: "3", title: "Beard Trim", price: "$15+", period: "", features: [
|
||||
"Line up", "Detail work"],
|
||||
button: {
|
||||
text: "Call Now", href: "tel:7187201978"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-barbershop-concept_23-2148506215.jpg", imageAlt: "Working tools of barber master"},
|
||||
{
|
||||
id: "4", title: "Haircut + Beard", price: "$40+", period: "", features: [
|
||||
"Full service", "Sharp look"],
|
||||
button: {
|
||||
text: "Call Now", href: "tel:7187201978"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-supplies-wooden-background_23-2147711598.jpg", imageAlt: "Working tools of barber master"},
|
||||
{
|
||||
id: "5", title: "Kids Haircut", price: "$20+", period: "", features: [
|
||||
"Patient service", "Fresh cut"],
|
||||
button: {
|
||||
text: "Call Now", href: "tel:7187201978"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-customer-waiting-haircut_23-2148256975.jpg", imageAlt: "Working tools of barber master"},
|
||||
{
|
||||
id: "6", title: "Shape Up", price: "$10+", period: "", features: [
|
||||
"Edge up", "Clean lines"],
|
||||
button: {
|
||||
text: "Call Now", href: "tel:7187201978"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-man-getting-haircut_23-2148224298.jpg", imageAlt: "Working tools of barber master"},
|
||||
{ id: "1", title: "Haircut", price: "$25+", period: "", features: ["Basic cut", "Clean finish"], button: { text: "Call Now", href: "tel:7187201978" }, imageSrc: "http://img.b2bpic.net/free-photo/working-tools-barber-master_651396-126.jpg", imageAlt: "Working tools of barber master" },
|
||||
{ id: "2", title: "Skin Fade", price: "$30+", period: "", features: ["Detailed fade", "Premium finish"], button: { text: "Call Now", href: "tel:7187201978" }, imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313014.jpg", imageAlt: "Working tools of barber master" },
|
||||
{ id: "3", title: "Beard Trim", price: "$15+", period: "", features: ["Line up", "Detail work"], button: { text: "Call Now", href: "tel:7187201978" }, imageSrc: "http://img.b2bpic.net/free-photo/front-view-barbershop-concept_23-2148506215.jpg", imageAlt: "Working tools of barber master" },
|
||||
{ id: "4", title: "Haircut + Beard", price: "$40+", period: "", features: ["Full service", "Sharp look"], button: { text: "Call Now", href: "tel:7187201978" }, imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-supplies-wooden-background_23-2147711598.jpg", imageAlt: "Working tools of barber master" },
|
||||
{ id: "5", title: "Kids Haircut", price: "$20+", period: "", features: ["Patient service", "Fresh cut"], button: { text: "Call Now", href: "tel:7187201978" }, imageSrc: "http://img.b2bpic.net/free-photo/side-view-customer-waiting-haircut_23-2148256975.jpg", imageAlt: "Working tools of barber master" },
|
||||
{ id: "6", title: "Shape Up", price: "$10+", period: "", features: ["Edge up", "Clean lines"], button: { text: "Call Now", href: "tel:7187201978" }, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-man-getting-haircut_23-2148224298.jpg", imageAlt: "Working tools of barber master" },
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Prices are starting points. Call for exact pricing."
|
||||
@@ -145,18 +92,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fades", description: "Expert skin fades.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-barbershop-concept_23-2148506215.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-supplies-wooden-background_23-2147711598.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Detail", description: "Crisp line-ups.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/side-view-customer-waiting-haircut_23-2148256975.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-man-getting-haircut_23-2148224298.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Atmosphere", description: "Authentic shop vibe.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7351.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/different-razors-table_23-2147736988.jpg" }
|
||||
},
|
||||
{ title: "Fades", description: "Expert skin fades.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-barbershop-concept_23-2148506215.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-supplies-wooden-background_23-2147711598.jpg" } },
|
||||
{ title: "Detail", description: "Crisp line-ups.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/side-view-customer-waiting-haircut_23-2148256975.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-man-getting-haircut_23-2148224298.jpg" } },
|
||||
{ title: "Atmosphere", description: "Authentic shop vibe.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7351.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/different-razors-table_23-2147736988.jpg" } },
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Fresh Cuts. Real Style."
|
||||
@@ -169,18 +107,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Why Latin Barber Shop?"
|
||||
metrics={[
|
||||
{
|
||||
icon: Scissors,
|
||||
label: "Skilled Barbers", value: "Expert"},
|
||||
{
|
||||
icon: DollarSign,
|
||||
label: "Affordable Price", value: "Fair"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Walk-Ins", value: "Easy"},
|
||||
{
|
||||
icon: CalendarDays,
|
||||
label: "Open Daily", value: "7 Days"},
|
||||
{ icon: Scissors, label: "Skilled Barbers", value: "Expert" },
|
||||
{ icon: DollarSign, label: "Affordable Price", value: "Fair" },
|
||||
{ icon: Users, label: "Walk-Ins", value: "Easy" },
|
||||
{ icon: CalendarDays, label: "Open Daily", value: "7 Days" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -191,16 +121,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "Staten Island Local", quote: "Best spot for a quick fade. Always consistent.", name: "Alex R.", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985714.jpg"},
|
||||
{
|
||||
id: "2", title: "Fast Service", quote: "Walked in and got a great haircut immediately.", name: "Brian M.", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313016.jpg"},
|
||||
{
|
||||
id: "3", title: "Affordable", quote: "Great prices, even better service. My favorite shop.", name: "Carlos D.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18429.jpg"},
|
||||
{
|
||||
id: "4", title: "Clean Lines", quote: "Barbers here actually listen to what you want.", name: "David L.", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-man-getting-haircut_23-2148506327.jpg"},
|
||||
{
|
||||
id: "5", title: "Friendly", quote: "Local shop with a welcoming vibe for everyone.", name: "Eddie V.", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205861.jpg"},
|
||||
{ id: "1", title: "Staten Island Local", quote: "Best spot for a quick fade. Always consistent.", name: "Alex R.", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985714.jpg" },
|
||||
{ id: "2", title: "Fast Service", quote: "Walked in and got a great haircut immediately.", name: "Brian M.", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313016.jpg" },
|
||||
{ id: "3", title: "Affordable", quote: "Great prices, even better service. My favorite shop.", name: "Carlos D.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18429.jpg" },
|
||||
{ id: "4", title: "Clean Lines", quote: "Barbers here actually listen to what you want.", name: "David L.", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-man-getting-haircut_23-2148506327.jpg" },
|
||||
{ id: "5", title: "Friendly", quote: "Local shop with a welcoming vibe for everyone.", name: "Eddie V.", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205861.jpg" },
|
||||
]}
|
||||
title="Our Community"
|
||||
description="Latin Barber Shop is a trusted neighborhood staple known for clean cuts, friendly service, and affordable prices."
|
||||
@@ -211,14 +136,10 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Do you take walk-ins?", content: "Yes, walk-ins are always welcome. Just stop by."},
|
||||
{
|
||||
id: "2", title: "Do I need an appointment?", content: "No appointment is required, but you can call ahead."},
|
||||
{
|
||||
id: "3", title: "What services do you offer?", content: "We offer haircuts, fades, beard trims, and shape ups."},
|
||||
{
|
||||
id: "4", title: "What are your hours?", content: "We are open daily from 10:00 AM to 8:00 PM."},
|
||||
{ id: "1", title: "Do you take walk-ins?", content: "Yes, walk-ins are always welcome. Just stop by." },
|
||||
{ id: "2", title: "Do I need an appointment?", content: "No appointment is required, but you can call ahead." },
|
||||
{ id: "3", title: "What services do you offer?", content: "We offer haircuts, fades, beard trims, and shape ups." },
|
||||
{ id: "4", title: "What are your hours?", content: "We are open daily from 10:00 AM to 8:00 PM." },
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -228,8 +149,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Latin Barber Shop"
|
||||
description="14 St Pauls Ave, Staten Island, NY 10301 | (718) 720-1978 | Open Daily: 10AM - 8PM"
|
||||
@@ -241,33 +161,25 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Gallery", href: "#gallery"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Gallery", href: "#gallery" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "14 St Pauls Ave", href: "https://maps.google.com/?q=14+St+Pauls+Ave+Staten+Island+NY+10301"},
|
||||
{
|
||||
label: "(718) 720-1978", href: "tel:7187201978"},
|
||||
{ label: "14 St Pauls Ave", href: "https://maps.google.com/?q=14+St+Pauls+Ave+Staten+Island+NY+10301" },
|
||||
{ label: "(718) 720-1978", href: "tel:7187201978" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Mon-Sun: 10AM-8PM", href: "#"},
|
||||
{
|
||||
label: "Walk-Ins Welcome", href: "#"},
|
||||
{ label: "Mon-Sun: 10AM-8PM", href: "#" },
|
||||
{ label: "Walk-Ins Welcome", href: "#" },
|
||||
],
|
||||
},
|
||||
],
|
||||
]}
|
||||
logoText="Latin Barber Shop"
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user