Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
369
src/app/page.tsx
369
src/app/page.tsx
@@ -31,33 +31,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "about",
|
||||
},
|
||||
name: "About Us", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Our Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Our Team", id: "team"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/barber-shop-logo-design_79603-2145.jpg"
|
||||
logoAlt="Gina & Nam Barbershop Logo"
|
||||
@@ -68,119 +54,70 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Experience the Art of Grooming"
|
||||
description="Precision cuts, classic shaves, and modern styles for the distinguished gentleman and lady. Discover your perfect look with Gina & Nam Barbershop."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2149220556.jpg?_wi=1",
|
||||
imageAlt: "Barber giving a precision haircut",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2149220556.jpg", imageAlt: "Barber giving a precision haircut"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-shaving-her-client-s-beard-close-up_23-2148353407.jpg?_wi=1",
|
||||
imageAlt: "Barber performing a classic straight razor shave",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-shaving-her-client-s-beard-close-up_23-2148353407.jpg", imageAlt: "Barber performing a classic straight razor shave"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-theatre-scene-celebrate-world-theatre-day_23-2151211458.jpg",
|
||||
imageAlt: "Cozy and vintage-inspired barbershop interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-theatre-scene-celebrate-world-theatre-day_23-2151211458.jpg", imageAlt: "Cozy and vintage-inspired barbershop interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tattoed-redhead-man-hipster-corrects-his-lush-hair-dressed-brown-shirt-standing-studio-isolated-dark-background_613910-19106.jpg",
|
||||
imageAlt: "Barber styling a client's hair with product",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tattoed-redhead-man-hipster-corrects-his-lush-hair-dressed-brown-shirt-standing-studio-isolated-dark-background_613910-19106.jpg", imageAlt: "Barber styling a client's hair with product"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-from-barbershop-wooden-background_1303-10376.jpg",
|
||||
imageAlt: "Organized professional barber tools",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-from-barbershop-wooden-background_1303-10376.jpg", imageAlt: "Organized professional barber tools"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-worker-amusing-colleague-office-telling-joke_482257-102093.jpg",
|
||||
imageAlt: "Satisfied client looking at their new haircut in the mirror",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-worker-amusing-colleague-office-telling-joke_482257-102093.jpg", imageAlt: "Satisfied client looking at their new haircut in the mirror"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-blurred-comb-his-hand_23-2148256854.jpg",
|
||||
imageAlt: "Close-up of a fresh fade haircut",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-blurred-comb-his-hand_23-2148256854.jpg", imageAlt: "Close-up of a fresh fade haircut"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-with-haircut-dressed-shirt-jacket-with-backpack-standing-park_613910-6337.jpg",
|
||||
imageAlt: "Man with a perfectly groomed beard",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-with-haircut-dressed-shirt-jacket-with-backpack-standing-park_613910-6337.jpg", imageAlt: "Man with a perfectly groomed beard"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11879.jpg",
|
||||
imageAlt: "Stylish classic pompadour hairstyle",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11879.jpg", imageAlt: "Stylish classic pompadour hairstyle"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg",
|
||||
imageAlt: "Warm and inviting barbershop interior during service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg", imageAlt: "Warm and inviting barbershop interior during service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-smell-towel_23-2149003951.jpg",
|
||||
imageAlt: "Barber applying a hot towel for a relaxing shave",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-smell-towel_23-2149003951.jpg", imageAlt: "Barber applying a hot towel for a relaxing shave"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313012.jpg",
|
||||
imageAlt: "Clean and organized professional barber station",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313012.jpg", imageAlt: "Clean and organized professional barber station"},
|
||||
]}
|
||||
tag="Your Style, Our Craft"
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book an Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book an Appointment", href: "#contact"},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Our Services", href: "#services"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-grey-vignette-background_613910-8472.jpg",
|
||||
alt: "Happy client Mark",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-grey-vignette-background_613910-8472.jpg", alt: "Happy client Mark"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-with-haircut-dressed-shirt-jacket-with-backpack-standing-park_613910-19391.jpg",
|
||||
alt: "Satisfied customer Sarah",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-with-haircut-dressed-shirt-jacket-with-backpack-standing-park_613910-19391.jpg", alt: "Satisfied customer Sarah"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-attractive-man-with-beard_23-2148803628.jpg",
|
||||
alt: "Groomed gentleman David",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-attractive-man-with-beard_23-2148803628.jpg", alt: "Groomed gentleman David"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-sunbathed-fashion-man-model-wearing-white-shirt-clothes-posing-street_158538-2382.jpg",
|
||||
alt: "Smiling patron Emily",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-sunbathed-fashion-man-model-wearing-white-shirt-clothes-posing-street_158538-2382.jpg", alt: "Smiling patron Emily"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-shirtless-beard-male-grey-background_613910-15672.jpg",
|
||||
alt: "Loyal customer Robert",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-shirtless-beard-male-grey-background_613910-15672.jpg", alt: "Loyal customer Robert"},
|
||||
]}
|
||||
avatarText="Trusted by over 10,000 satisfied clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision",
|
||||
},
|
||||
type: "text", text: "Precision"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Style",
|
||||
},
|
||||
type: "text", text: "Style"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tradition",
|
||||
},
|
||||
type: "text", text: "Tradition"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Excellence",
|
||||
},
|
||||
type: "text", text: "Excellence"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Craft",
|
||||
},
|
||||
type: "text", text: "Craft"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -190,19 +127,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "About Gina & Nam Barbershop",
|
||||
},
|
||||
type: "text", content: "About Gina & Nam Barbershop"},
|
||||
{
|
||||
type: "text",
|
||||
content: "Founded on a passion for timeless grooming and modern aesthetics, Gina & Nam Barbershop offers a unique experience where classic techniques meet contemporary styles. We pride ourselves on creating a welcoming atmosphere where every client receives personalized attention and leaves feeling confident and refreshed. Our commitment to quality and community makes us more than just a barbershop – we're a place where traditions are honored and new looks are born.",
|
||||
},
|
||||
type: "text", content: "Founded on a passion for timeless grooming and modern aesthetics, Gina & Nam Barbershop offers a unique experience where classic techniques meet contemporary styles. We pride ourselves on creating a welcoming atmosphere where every client receives personalized attention and leaves feeling confident and refreshed. Our commitment to quality and community makes us more than just a barbershop – we're a place where traditions are honored and new looks are born."},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Meet the Team",
|
||||
href: "#team",
|
||||
},
|
||||
text: "Meet the Team", href: "#team"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -215,46 +146,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Haircuts",
|
||||
description: "Expert stylists craft personalized haircuts, from sharp fades to classic scissor cuts, enhancing your unique style.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-makes-haircut-with-cutting-machine_140725-7666.jpg",
|
||||
imageAlt: "Classic men's haircut",
|
||||
},
|
||||
title: "Precision Haircuts", description: "Expert stylists craft personalized haircuts, from sharp fades to classic scissor cuts, enhancing your unique style.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-makes-haircut-with-cutting-machine_140725-7666.jpg", imageAlt: "Classic men's haircut"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vibrant-blue-streamers-hanging-outdoor-art-installation-libourne_1308-189342.jpg",
|
||||
imageAlt: "Modern fade haircut",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/barber-shop-logo-design_79603-2145.jpg",
|
||||
imageAlt: "classic men's haircut side view",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vibrant-blue-streamers-hanging-outdoor-art-installation-libourne_1308-189342.jpg", imageAlt: "Modern fade haircut"}
|
||||
},
|
||||
{
|
||||
title: "Traditional Hot Shaves",
|
||||
description: "Indulge in a luxurious hot towel shave, performed with a straight razor for the closest, smoothest finish.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-getting-groomed_23-2150668469.jpg",
|
||||
imageAlt: "Barber applying shaving cream",
|
||||
},
|
||||
title: "Traditional Hot Shaves", description: "Indulge in a luxurious hot towel shave, performed with a straight razor for the closest, smoothest finish.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-getting-groomed_23-2150668469.jpg", imageAlt: "Barber applying shaving cream"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-young-man-touching-his-cheeks-with-hand-against-white-backdrop_23-2148088232.jpg",
|
||||
imageAlt: "Man with a freshly shaven face",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2149220556.jpg?_wi=2",
|
||||
imageAlt: "classic men's haircut side view",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-young-man-touching-his-cheeks-with-hand-against-white-backdrop_23-2148088232.jpg", imageAlt: "Man with a freshly shaven face"}
|
||||
},
|
||||
{
|
||||
title: "Beard & Mustache Trims",
|
||||
description: "Keep your facial hair perfectly groomed with our precise trimming, shaping, and conditioning services.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985727.jpg",
|
||||
imageAlt: "Barber trimming a man's beard",
|
||||
},
|
||||
title: "Beard & Mustache Trims", description: "Keep your facial hair perfectly groomed with our precise trimming, shaping, and conditioning services.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985727.jpg", imageAlt: "Barber trimming a man's beard"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/braid-beard-sketch-blackboard_1379-313.jpg",
|
||||
imageAlt: "Man with a perfectly styled beard",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-shaving-her-client-s-beard-close-up_23-2148353407.jpg?_wi=2",
|
||||
imageAlt: "classic men's haircut side view",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/braid-beard-sketch-blackboard_1379-313.jpg", imageAlt: "Man with a perfectly styled beard"}
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -271,65 +178,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Gentleman's Choice",
|
||||
name: "Hydrating Hair & Scalp Shampoo",
|
||||
price: "$22.00",
|
||||
rating: 5,
|
||||
reviewCount: "89 Reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-giving-himself-scalp-massage_23-2151307418.jpg",
|
||||
imageAlt: "Hydrating Hair & Scalp Shampoo",
|
||||
},
|
||||
id: "p1", brand: "Gentleman's Choice", name: "Hydrating Hair & Scalp Shampoo", price: "$22.00", rating: 5,
|
||||
reviewCount: "89 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/man-giving-himself-scalp-massage_23-2151307418.jpg", imageAlt: "Hydrating Hair & Scalp Shampoo"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Dapper Blend",
|
||||
name: "Classic Hold Pomade",
|
||||
price: "$18.00",
|
||||
rating: 5,
|
||||
reviewCount: "120 Reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jars-cosmetics-closeup-white-concept-beauty-care_169016-3853.jpg",
|
||||
imageAlt: "Classic Hold Pomade",
|
||||
},
|
||||
id: "p2", brand: "Dapper Blend", name: "Classic Hold Pomade", price: "$18.00", rating: 5,
|
||||
reviewCount: "120 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/jars-cosmetics-closeup-white-concept-beauty-care_169016-3853.jpg", imageAlt: "Classic Hold Pomade"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Beard & Co.",
|
||||
name: "Nourishing Beard Oil",
|
||||
price: "$25.00",
|
||||
rating: 5,
|
||||
reviewCount: "75 Reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-elder-bearded-man-using-cleanser_23-2148621194.jpg",
|
||||
imageAlt: "Nourishing Beard Oil",
|
||||
},
|
||||
id: "p3", brand: "Beard & Co.", name: "Nourishing Beard Oil", price: "$25.00", rating: 5,
|
||||
reviewCount: "75 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/front-view-elder-bearded-man-using-cleanser_23-2148621194.jpg", imageAlt: "Nourishing Beard Oil"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Smooth Glide",
|
||||
name: "Rich Lather Shaving Cream",
|
||||
price: "$15.00",
|
||||
rating: 5,
|
||||
reviewCount: "95 Reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313075.jpg",
|
||||
imageAlt: "Rich Lather Shaving Cream",
|
||||
},
|
||||
id: "p4", brand: "Smooth Glide", name: "Rich Lather Shaving Cream", price: "$15.00", rating: 5,
|
||||
reviewCount: "95 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313075.jpg", imageAlt: "Rich Lather Shaving Cream"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Refined Man",
|
||||
name: "Invigorating Aftershave Balm",
|
||||
price: "$20.00",
|
||||
rating: 5,
|
||||
reviewCount: "60 Reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-shaving-accessories-with-napkin-wooden-table_23-2148088555.jpg",
|
||||
imageAlt: "Invigorating Aftershave Balm",
|
||||
},
|
||||
id: "p5", brand: "Refined Man", name: "Invigorating Aftershave Balm", price: "$20.00", rating: 5,
|
||||
reviewCount: "60 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-shaving-accessories-with-napkin-wooden-table_23-2148088555.jpg", imageAlt: "Invigorating Aftershave Balm"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Elite Grooming",
|
||||
name: "Daily Revitalizing Conditioner",
|
||||
price: "$22.00",
|
||||
rating: 5,
|
||||
reviewCount: "70 Reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sideways-man-getting-hair-wash_23-2148256873.jpg",
|
||||
imageAlt: "Daily Revitalizing Conditioner",
|
||||
},
|
||||
id: "p6", brand: "Elite Grooming", name: "Daily Revitalizing Conditioner", price: "$22.00", rating: 5,
|
||||
reviewCount: "70 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/sideways-man-getting-hair-wash_23-2148256873.jpg", imageAlt: "Daily Revitalizing Conditioner"},
|
||||
]}
|
||||
title="Premium Grooming Products"
|
||||
description="Maintain your sharp look at home with our curated selection of high-quality grooming products endorsed by our barbers."
|
||||
@@ -344,26 +209,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Gina Rodriguez",
|
||||
role: "Master Barber & Co-Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-annoyed-blonde-male-barber-uniform-puts-comb-temple-rolling-eyes-isolated-violet-space-with-copy-space_141793-60233.jpg",
|
||||
imageAlt: "Gina Rodriguez, Master Barber",
|
||||
},
|
||||
id: "m1", name: "Gina Rodriguez", role: "Master Barber & Co-Founder", imageSrc: "http://img.b2bpic.net/free-photo/young-annoyed-blonde-male-barber-uniform-puts-comb-temple-rolling-eyes-isolated-violet-space-with-copy-space_141793-60233.jpg", imageAlt: "Gina Rodriguez, Master Barber"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Nam Lee",
|
||||
role: "Senior Stylist & Co-Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665389.jpg",
|
||||
imageAlt: "Nam Lee, Senior Stylist",
|
||||
},
|
||||
id: "m2", name: "Nam Lee", role: "Senior Stylist & Co-Founder", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665389.jpg", imageAlt: "Nam Lee, Senior Stylist"},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Alex Chen",
|
||||
role: "Apprentice Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-confident-blonde-male-barber-uniform-cuts-hair-with-scissors-isolated-green-space-with-copy-space_141793-60161.jpg",
|
||||
imageAlt: "Alex Chen, Apprentice Barber",
|
||||
},
|
||||
id: "m3", name: "Alex Chen", role: "Apprentice Barber", imageSrc: "http://img.b2bpic.net/free-photo/young-confident-blonde-male-barber-uniform-cuts-hair-with-scissors-isolated-green-space-with-copy-space_141793-60161.jpg", imageAlt: "Alex Chen, Apprentice Barber"},
|
||||
]}
|
||||
title="Meet Our Talented Barbers"
|
||||
description="Our skilled team is passionate about the art of barbering, dedicated to providing you with an exceptional and personalized grooming experience."
|
||||
@@ -377,64 +227,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Mark J.",
|
||||
role: "Regular Client",
|
||||
company: "Local Business Owner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12676.jpg",
|
||||
imageAlt: "Mark J.",
|
||||
},
|
||||
id: "t1", name: "Mark J.", role: "Regular Client", company: "Local Business Owner", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12676.jpg", imageAlt: "Mark J."},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah L.",
|
||||
role: "New Customer",
|
||||
company: "Marketing Professional",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-plus-size-woman-holding-shopping-bags-looking-excited-outdoors-street_58466-16106.jpg",
|
||||
imageAlt: "Sarah L.",
|
||||
},
|
||||
id: "t2", name: "Sarah L.", role: "New Customer", company: "Marketing Professional", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-plus-size-woman-holding-shopping-bags-looking-excited-outdoors-street_58466-16106.jpg", imageAlt: "Sarah L."},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David R.",
|
||||
role: "Beard Enthusiast",
|
||||
company: "Freelancer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-bearded-male-eyeglasses-dressed-elegant-wool-suit-grey-background_613910-16011.jpg",
|
||||
imageAlt: "David R.",
|
||||
},
|
||||
id: "t3", name: "David R.", role: "Beard Enthusiast", company: "Freelancer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-bearded-male-eyeglasses-dressed-elegant-wool-suit-grey-background_613910-16011.jpg", imageAlt: "David R."},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily P.",
|
||||
role: "Student",
|
||||
company: "University Student",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-young-man-model-dressed-blue-shirt-clothes-fashion-man-posing_158538-4971.jpg",
|
||||
imageAlt: "Emily P.",
|
||||
},
|
||||
id: "t4", name: "Emily P.", role: "Student", company: "University Student", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-young-man-model-dressed-blue-shirt-clothes-fashion-man-posing_158538-4971.jpg", imageAlt: "Emily P."},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Robert S.",
|
||||
role: "Long-time Patron",
|
||||
company: "Retired Gentleman",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-combing-beard_23-2149137904.jpg",
|
||||
imageAlt: "Robert S.",
|
||||
},
|
||||
id: "t5", name: "Robert S.", role: "Long-time Patron", company: "Retired Gentleman", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-combing-beard_23-2149137904.jpg", imageAlt: "Robert S."},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "10+",
|
||||
label: "Years of Expertise",
|
||||
},
|
||||
value: "10+", label: "Years of Expertise"},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
value: "99%", label: "Client Satisfaction"},
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Average Rating",
|
||||
},
|
||||
value: "5.0", label: "Average Rating"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear from our satisfied customers who trust Gina & Nam for their exceptional grooming needs and friendly service."
|
||||
@@ -445,8 +259,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Connect With Us"
|
||||
title="Book Your Next Grooming Session"
|
||||
description="Ready for a fresh cut or a relaxing shave? Schedule your appointment today and experience the difference at Gina & Nam Barbershop."
|
||||
@@ -468,49 +281,31 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Products", href: "#products"},
|
||||
{
|
||||
label: "Our Team",
|
||||
href: "#team",
|
||||
},
|
||||
label: "Our Team", href: "#team"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user