Merge version_1 into main #2
213
src/app/page.tsx
213
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "#experience",
|
||||
},
|
||||
name: "Experience", id: "#experience"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "Location",
|
||||
id: "#location",
|
||||
},
|
||||
name: "Location", id: "#location"},
|
||||
]}
|
||||
brandName="Bridgeport Barber Shop"
|
||||
/>
|
||||
@@ -55,41 +47,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Precision Cuts. Timeless Style."
|
||||
description="Experience the craftsmanship of a true barbershop—where every detail matters."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#location",
|
||||
},
|
||||
text: "Get Directions", href: "#location"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:3045063238",
|
||||
},
|
||||
text: "Call Now", href: "tel:3045063238"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg?_wi=1",
|
||||
imageAlt: "Luxurious barbershop interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg", imageAlt: "Luxurious barbershop interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-slavic-middle-aged-male-barber-uniform-holding-barber-tools-isolated-purple-wall_141793-91610.jpg",
|
||||
imageAlt: "Precision barber tools",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-slavic-middle-aged-male-barber-uniform-holding-barber-tools-isolated-purple-wall_141793-91610.jpg", imageAlt: "Precision barber tools"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg",
|
||||
imageAlt: "Master barber at work",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg", imageAlt: "Master barber at work"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg",
|
||||
imageAlt: "Man getting his beard shaved with razor",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg", imageAlt: "Man getting his beard shaved with razor"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7234.jpg",
|
||||
imageAlt: "Handsome bearded man at the barbershop barber at work Washing head",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7234.jpg", imageAlt: "Handsome bearded man at the barbershop barber at work Washing head"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -103,41 +80,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "haircut",
|
||||
name: "Haircut",
|
||||
price: "$20+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/from-scissors-rake_23-2147778741.jpg?_wi=1",
|
||||
},
|
||||
id: "haircut", name: "Haircut", price: "$20+", imageSrc: "http://img.b2bpic.net/free-photo/from-scissors-rake_23-2147778741.jpg"},
|
||||
{
|
||||
id: "beard",
|
||||
name: "Beard Trim",
|
||||
price: "$15+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scissors-towel-beauty-salon_23-2148181999.jpg",
|
||||
},
|
||||
id: "beard", name: "Beard Trim", price: "$15+", imageSrc: "http://img.b2bpic.net/free-photo/scissors-towel-beauty-salon_23-2148181999.jpg"},
|
||||
{
|
||||
id: "experience",
|
||||
name: "Full Grooming",
|
||||
price: "$35+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-shaving-man_23-2147778911.jpg",
|
||||
},
|
||||
id: "experience", name: "Full Grooming", price: "$35+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-shaving-man_23-2147778911.jpg"},
|
||||
{
|
||||
id: "fade",
|
||||
name: "Skin Fade",
|
||||
price: "$25+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-getting-haircut_23-2148242819.jpg",
|
||||
},
|
||||
id: "fade", name: "Skin Fade", price: "$25+", imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-getting-haircut_23-2148242819.jpg"},
|
||||
{
|
||||
id: "kids",
|
||||
name: "Kids Cut",
|
||||
price: "$18+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-trimming-hair_23-2148256872.jpg",
|
||||
},
|
||||
id: "kids", name: "Kids Cut", price: "$18+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-trimming-hair_23-2148256872.jpg"},
|
||||
{
|
||||
id: "shave",
|
||||
name: "Hot Towel Shave",
|
||||
price: "$30+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-his-beard-trimmed_23-2148256868.jpg",
|
||||
},
|
||||
id: "shave", name: "Hot Towel Shave", price: "$30+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-his-beard-trimmed_23-2148256868.jpg"},
|
||||
]}
|
||||
title="Refined Grooming Services"
|
||||
description="Expert services tailored to your individual style."
|
||||
@@ -164,28 +117,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Traditional Atmosphere",
|
||||
description: "A classic setting that feels like home.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Building,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-coffee-shop-table-inside-barista-bar-generated-by-ai_188544-29280.jpg",
|
||||
imageAlt: "Luxury coffee shop table inside barista bar generated by AI",
|
||||
title: "Traditional Atmosphere", description: "A classic setting that feels like home.", bentoComponent: "reveal-icon", icon: Building
|
||||
},
|
||||
{
|
||||
title: "4.8 Star Rating",
|
||||
description: "Consistently high-rated service by our community.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Star,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg?_wi=2",
|
||||
imageAlt: "Luxury coffee shop table inside barista bar generated by AI",
|
||||
title: "4.8 Star Rating", description: "Consistently high-rated service by our community.", bentoComponent: "reveal-icon", icon: Star
|
||||
},
|
||||
{
|
||||
title: "Skilled Barbers",
|
||||
description: "Barbers who listen and deliver excellence.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Scissors,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/from-scissors-rake_23-2147778741.jpg?_wi=2",
|
||||
imageAlt: "Luxury coffee shop table inside barista bar generated by AI",
|
||||
title: "Skilled Barbers", description: "Barbers who listen and deliver excellence.", bentoComponent: "reveal-icon", icon: Scissors
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
@@ -201,20 +139,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
description: "Verified 5-Star Reviews",
|
||||
},
|
||||
id: "m1", value: "100+", description: "Verified 5-Star Reviews"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.8",
|
||||
description: "Average Rating",
|
||||
},
|
||||
id: "m2", value: "4.8", description: "Average Rating"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10+ Yrs",
|
||||
description: "Combined Experience",
|
||||
},
|
||||
id: "m3", value: "10+ Yrs", description: "Combined Experience"},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Trusted by the Bridgeport community."
|
||||
@@ -228,59 +157,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John D.",
|
||||
role: "Client",
|
||||
company: "Bridgeport",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg",
|
||||
},
|
||||
id: "1", name: "John D.", role: "Client", company: "Bridgeport", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah W.",
|
||||
role: "Client",
|
||||
company: "Bridgeport",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-pets-domestic-animals-friendship-love-care-concept-isolated-image-cute-young-european-woman-red-jumper-holding-right-sphynx-cat-pressing-adorable-pet-her-chest-smiling_343059-4793.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah W.", role: "Client", company: "Bridgeport", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-pets-domestic-animals-friendship-love-care-concept-isolated-image-cute-young-european-woman-red-jumper-holding-right-sphynx-cat-pressing-adorable-pet-her-chest-smiling_343059-4793.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike B.",
|
||||
role: "Client",
|
||||
company: "Bridgeport",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-hair-blurred-man_23-2147778921.jpg",
|
||||
},
|
||||
id: "3", name: "Mike B.", role: "Client", company: "Bridgeport", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-hair-blurred-man_23-2147778921.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
role: "Client",
|
||||
company: "Bridgeport",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-european-woman-with-blonde-curly-hair-poses-with-pug-dog-being-glad-pet-owner-poses-making-memorable-photo-dressed-pink-casual-t-shirt-isolated-beige-background_273609-60879.jpg",
|
||||
},
|
||||
id: "4", name: "David L.", role: "Client", company: "Bridgeport", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-european-woman-with-blonde-curly-hair-poses-with-pug-dog-being-glad-pet-owner-poses-making-memorable-photo-dressed-pink-casual-t-shirt-isolated-beige-background_273609-60879.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily R.",
|
||||
role: "Client",
|
||||
company: "Bridgeport",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-successful-man-with-hands-head_1262-2058.jpg",
|
||||
},
|
||||
id: "5", name: "Emily R.", role: "Client", company: "Bridgeport", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-successful-man-with-hands-head_1262-2058.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Quality",
|
||||
},
|
||||
value: "5.0", label: "Quality"},
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Service",
|
||||
},
|
||||
value: "4.9", label: "Service"},
|
||||
{
|
||||
value: "4.8",
|
||||
label: "Value",
|
||||
},
|
||||
value: "4.8", label: "Value"},
|
||||
]}
|
||||
title="What Clients Are Saying"
|
||||
description="Real feedback from our loyal community."
|
||||
@@ -291,18 +189,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Visit us at 519 E Main St, Bridgeport, WV 26330. Walk-ins welcome, Monday through Saturday."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
text: "Get Directions", href: "https://maps.google.com"},
|
||||
{
|
||||
text: "Call (304) 506-3238",
|
||||
href: "tel:3045063238",
|
||||
},
|
||||
text: "Call (304) 506-3238", href: "tel:3045063238"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -312,33 +205,21 @@ export default function LandingPage() {
|
||||
logoText="Bridgeport Barber Shop"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Experience",
|
||||
href: "#experience",
|
||||
},
|
||||
label: "Experience", href: "#experience"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Reviews", href: "#reviews"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "(304) 506-3238",
|
||||
href: "tel:3045063238",
|
||||
},
|
||||
label: "(304) 506-3238", href: "tel:3045063238"},
|
||||
{
|
||||
label: "519 E Main St",
|
||||
href: "#location",
|
||||
},
|
||||
label: "519 E Main St", href: "#location"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user