Update src/app/page.tsx
This commit is contained in:
161
src/app/page.tsx
161
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Unique Barbershop"
|
||||
/>
|
||||
@@ -55,68 +47,33 @@ export default function LandingPage() {
|
||||
description="Experience the pinnacle of men's grooming in Doral. Skilled hands, timeless techniques, and a commitment to perfection."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alejandro V.",
|
||||
handle: "@alv",
|
||||
testimonial: "The best haircut in Doral. Professional and clean.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg?_wi=1",
|
||||
imageAlt: "luxury barbershop interior minimalist",
|
||||
},
|
||||
name: "Alejandro V.", handle: "@alv", testimonial: "The best haircut in Doral. Professional and clean.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg", imageAlt: "luxury barbershop interior minimalist"},
|
||||
{
|
||||
name: "Michael R.",
|
||||
handle: "@mike",
|
||||
testimonial: "Excellent attention to detail. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-rake-near-collar_23-2147799914.jpg",
|
||||
imageAlt: "luxury barbershop interior minimalist",
|
||||
},
|
||||
name: "Michael R.", handle: "@mike", testimonial: "Excellent attention to detail. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-rake-near-collar_23-2147799914.jpg", imageAlt: "luxury barbershop interior minimalist"},
|
||||
{
|
||||
name: "Julian D.",
|
||||
handle: "@julian",
|
||||
testimonial: "Great atmosphere and top-tier service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sideways-customer-getting-haircut_23-2148256906.jpg?_wi=1",
|
||||
imageAlt: "luxury barbershop interior minimalist",
|
||||
},
|
||||
name: "Julian D.", handle: "@julian", testimonial: "Great atmosphere and top-tier service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sideways-customer-getting-haircut_23-2148256906.jpg", imageAlt: "luxury barbershop interior minimalist"},
|
||||
{
|
||||
name: "Carlos G.",
|
||||
handle: "@carlos",
|
||||
testimonial: "The classic shave experience is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-4293.jpg?_wi=1",
|
||||
imageAlt: "luxury barbershop interior minimalist",
|
||||
},
|
||||
name: "Carlos G.", handle: "@carlos", testimonial: "The classic shave experience is unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-4293.jpg", imageAlt: "luxury barbershop interior minimalist"},
|
||||
{
|
||||
name: "Victor H.",
|
||||
handle: "@vic",
|
||||
testimonial: "Professional grooming standards every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-protective-face-mask-enjoying-hairdresser-s-coronavirus-epidemic_637285-9010.jpg?_wi=1",
|
||||
imageAlt: "luxury barbershop interior minimalist",
|
||||
},
|
||||
name: "Victor H.", handle: "@vic", testimonial: "Professional grooming standards every time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-protective-face-mask-enjoying-hairdresser-s-coronavirus-epidemic_637285-9010.jpg", imageAlt: "luxury barbershop interior minimalist"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-male-sitting-armchair-barber-shop-while-hairdresser-modeling-beard-with-scissors-comb-barbershop_613910-18515.jpg",
|
||||
alt: "Bearded male sitting in an armchair in a barber shop",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-male-sitting-armchair-barber-shop-while-hairdresser-modeling-beard-with-scissors-comb-barbershop_613910-18515.jpg", alt: "Bearded male sitting in an armchair in a barber shop"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg",
|
||||
alt: "Handsome bearded man at the barbershop",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg", alt: "Handsome bearded man at the barbershop"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-18295.jpg",
|
||||
alt: "Professional barber working with a client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-18295.jpg", alt: "Professional barber working with a client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6328.jpg",
|
||||
alt: "Young bearded man getting haircut",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6328.jpg", alt: "Young bearded man getting haircut"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cuticle-hair-brush-scissors-sponge-eyelash-curler-sponge-pink-backdrop_23-2147891446.jpg",
|
||||
alt: "Grooming tools and equipment",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cuticle-hair-brush-scissors-sponge-eyelash-curler-sponge-pink-backdrop_23-2147891446.jpg", alt: "Grooming tools and equipment"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ Doral Locals"
|
||||
/>
|
||||
@@ -127,9 +84,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Crafted for You"
|
||||
description={[
|
||||
"At Unique Barbershop Doral, we redefine the grooming experience. Our master barbers combine traditional techniques with modern styles to create a look that is distinctly you.",
|
||||
"We prioritize excellence, precision, and comfort in every cut.",
|
||||
]}
|
||||
"At Unique Barbershop Doral, we redefine the grooming experience. Our master barbers combine traditional techniques with modern styles to create a look that is distinctly you.", "We prioritize excellence, precision, and comfort in every cut."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -140,32 +95,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Signature Haircut",
|
||||
tags: [
|
||||
"Style",
|
||||
"Grooming",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sideways-customer-getting-haircut_23-2148256906.jpg?_wi=2",
|
||||
},
|
||||
id: "s1", title: "Signature Haircut", tags: [
|
||||
"Style", "Grooming"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sideways-customer-getting-haircut_23-2148256906.jpg"},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Precision Shave",
|
||||
tags: [
|
||||
"Classic",
|
||||
"Luxury",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-4293.jpg?_wi=2",
|
||||
},
|
||||
id: "s2", title: "Precision Shave", tags: [
|
||||
"Classic", "Luxury"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-4293.jpg"},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Beard Grooming",
|
||||
tags: [
|
||||
"Beard",
|
||||
"Style",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-protective-face-mask-enjoying-hairdresser-s-coronavirus-epidemic_637285-9010.jpg?_wi=2",
|
||||
},
|
||||
id: "s3", title: "Beard Grooming", tags: [
|
||||
"Beard", "Style"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-protective-face-mask-enjoying-hairdresser-s-coronavirus-epidemic_637285-9010.jpg"},
|
||||
]}
|
||||
title="Our Grooming Services"
|
||||
description="Premium services designed to elevate your style and comfort."
|
||||
@@ -178,20 +118,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "Yes, we recommend booking in advance to ensure your preferred time.",
|
||||
},
|
||||
id: "f1", title: "Do I need an appointment?", content: "Yes, we recommend booking in advance to ensure your preferred time."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Where are you located?",
|
||||
content: "We are located in the heart of Doral, Florida.",
|
||||
},
|
||||
id: "f2", title: "Where are you located?", content: "We are located in the heart of Doral, Florida."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer walk-in services?",
|
||||
content: "We can accommodate walk-ins subject to availability.",
|
||||
},
|
||||
id: "f3", title: "Do you offer walk-in services?", content: "We can accommodate walk-ins subject to availability."},
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
description="Have questions about our shop or services? We're here to help."
|
||||
@@ -201,10 +132,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Book Now"
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
variant: "canvas-reveal"}}
|
||||
title="Book Your Experience"
|
||||
description="Secure your spot at Unique Barbershop Doral and elevate your look."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-women-with-shopping-bags-city_1157-26774.jpg"
|
||||
@@ -216,29 +147,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Booking",
|
||||
href: "#",
|
||||
},
|
||||
label: "Booking", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user