Merge version_1 into main #2
190
src/app/page.tsx
190
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Ernesto's"
|
||||
/>
|
||||
@@ -56,74 +48,37 @@ export default function LandingPage() {
|
||||
description="Expert haircuts and coloring in a comfortable, neighborhood atmosphere. Serving Washington, DC with professional care since 1994."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Jackson P.",
|
||||
handle: "Washington, DC",
|
||||
testimonial: "You can't get a better haircut for a better price anywhere. Comfortable and wonderful people.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-woman-talking-smartphone-armchair-office_23-2148042626.jpg?_wi=1",
|
||||
imageAlt: "elegant hair salon interior",
|
||||
},
|
||||
name: "Jackson P.", handle: "Washington, DC", testimonial: "You can't get a better haircut for a better price anywhere. Comfortable and wonderful people.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-woman-talking-smartphone-armchair-office_23-2148042626.jpg", imageAlt: "elegant hair salon interior"},
|
||||
{
|
||||
name: "Heidi M.",
|
||||
handle: "Northwest, DC",
|
||||
testimonial: "Ernesto is quick, methodical and gives an excellent cut at a fair price. Hard to find vibe!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-hairdresser-shaving-customers-beard-hair-salon_23-2148181971.jpg",
|
||||
imageAlt: "professional barber at work",
|
||||
},
|
||||
name: "Heidi M.", handle: "Northwest, DC", testimonial: "Ernesto is quick, methodical and gives an excellent cut at a fair price. Hard to find vibe!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-hairdresser-shaving-customers-beard-hair-salon_23-2148181971.jpg", imageAlt: "professional barber at work"},
|
||||
{
|
||||
name: "Sarah L.",
|
||||
handle: "Capitol Hill, DC",
|
||||
testimonial: "The best neighborhood salon I've ever visited. Truly personal service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-washing-woman-s-hair_23-2148940880.jpg?_wi=1",
|
||||
imageAlt: "professional hair coloring service",
|
||||
},
|
||||
name: "Sarah L.", handle: "Capitol Hill, DC", testimonial: "The best neighborhood salon I've ever visited. Truly personal service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-washing-woman-s-hair_23-2148940880.jpg", imageAlt: "professional hair coloring service"},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "Dupont Circle, DC",
|
||||
testimonial: "Consistent, professional, and friendly. I wouldn't go anywhere else.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cuts-hair-barbershop_1157-15500.jpg?_wi=1",
|
||||
imageAlt: "precision hair trim",
|
||||
},
|
||||
name: "David W.", handle: "Dupont Circle, DC", testimonial: "Consistent, professional, and friendly. I wouldn't go anywhere else.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cuts-hair-barbershop_1157-15500.jpg", imageAlt: "precision hair trim"},
|
||||
{
|
||||
name: "Maria G.",
|
||||
handle: "Georgetown, DC",
|
||||
testimonial: "Exquisite coloring skills and such a warm, inviting environment.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mirror-hairdressing-salon_23-2147670185.jpg?_wi=1",
|
||||
imageAlt: "happy customer after hair service",
|
||||
},
|
||||
name: "Maria G.", handle: "Georgetown, DC", testimonial: "Exquisite coloring skills and such a warm, inviting environment.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mirror-hairdressing-salon_23-2147670185.jpg", imageAlt: "happy customer after hair service"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-african-american-woman-talking-smartphone-armchair-office_23-2148042626.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-african-american-woman-talking-smartphone-armchair-office_23-2148042626.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575478.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575478.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/excited-girlfriends-sharing-with-news_23-2147762524.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/excited-girlfriends-sharing-with-news_23-2147762524.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-bed_23-2147862652.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-bed_23-2147862652.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230961.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230961.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -133,9 +88,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="A Community Staple"
|
||||
description={[
|
||||
"Located in the heart of Washington, DC, Ernesto's has been a community favorite for decades. We pride ourselves on providing high-quality, professional services in a friendly, relaxed setting.",
|
||||
"Whether you need a precise cut, expert coloring, or just a friendly conversation, our neighborhood salon is the place for you. We offer convenient access by metro or car, and always strive to make your visit a positive, refreshing experience.",
|
||||
]}
|
||||
"Located in the heart of Washington, DC, Ernesto's has been a community favorite for decades. We pride ourselves on providing high-quality, professional services in a friendly, relaxed setting.", "Whether you need a precise cut, expert coloring, or just a friendly conversation, our neighborhood salon is the place for you. We offer convenient access by metro or car, and always strive to make your visit a positive, refreshing experience."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -146,55 +99,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Coloring",
|
||||
description: "Customized color treatments using high-quality products for long-lasting vibrancy.",
|
||||
icon: Palette,
|
||||
title: "Expert Coloring", description: "Customized color treatments using high-quality products for long-lasting vibrancy.", icon: Palette,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-washing-woman-s-hair_23-2148940880.jpg?_wi=2",
|
||||
imageAlt: "Coloring service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-washing-woman-s-hair_23-2148940880.jpg", imageAlt: "Coloring service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-washing-woman-s-hair_23-2148940880.jpg?_wi=3",
|
||||
imageAlt: "Coloring service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-washing-woman-s-hair_23-2148940880.jpg", imageAlt: "Coloring service"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575478.jpg",
|
||||
imageAlt: "portrait of happy customer",
|
||||
},
|
||||
{
|
||||
title: "Precision Cutting",
|
||||
description: "Methodical, professional cuts adapted to your personal style and preferences.",
|
||||
icon: Scissors,
|
||||
title: "Precision Cutting", description: "Methodical, professional cuts adapted to your personal style and preferences.", icon: Scissors,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cuts-hair-barbershop_1157-15500.jpg?_wi=2",
|
||||
imageAlt: "Hair cutting",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cuts-hair-barbershop_1157-15500.jpg", imageAlt: "Hair cutting"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cuts-hair-barbershop_1157-15500.jpg?_wi=3",
|
||||
imageAlt: "Hair cutting",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cuts-hair-barbershop_1157-15500.jpg", imageAlt: "Hair cutting"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg",
|
||||
imageAlt: "happy client portrait",
|
||||
},
|
||||
{
|
||||
title: "Relaxed Atmosphere",
|
||||
description: "A comfortable, neighborhood vibe that makes your salon visit a truly positive break.",
|
||||
icon: Coffee,
|
||||
title: "Relaxed Atmosphere", description: "A comfortable, neighborhood vibe that makes your salon visit a truly positive break.", icon: Coffee,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mirror-hairdressing-salon_23-2147670185.jpg?_wi=2",
|
||||
imageAlt: "Salon vibe",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mirror-hairdressing-salon_23-2147670185.jpg", imageAlt: "Salon vibe"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mirror-hairdressing-salon_23-2147670185.jpg?_wi=3",
|
||||
imageAlt: "Salon vibe",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mirror-hairdressing-salon_23-2147670185.jpg", imageAlt: "Salon vibe"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-girlfriends-sharing-with-news_23-2147762524.jpg",
|
||||
imageAlt: "smiling woman salon client",
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
@@ -210,25 +139,15 @@ export default function LandingPage() {
|
||||
author="Lea N."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575478.jpg",
|
||||
alt: "Reviewer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575478.jpg", alt: "Reviewer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg",
|
||||
alt: "Reviewer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg", alt: "Reviewer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/excited-girlfriends-sharing-with-news_23-2147762524.jpg",
|
||||
alt: "Reviewer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/excited-girlfriends-sharing-with-news_23-2147762524.jpg", alt: "Reviewer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-bed_23-2147862652.jpg",
|
||||
alt: "Reviewer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-bed_23-2147862652.jpg", alt: "Reviewer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230961.jpg",
|
||||
alt: "Reviewer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230961.jpg", alt: "Reviewer"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -239,16 +158,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Book Your Appointment"
|
||||
description="Experience our professional hairstyling today. Call us to schedule your visit or find out about our current services."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call to Book",
|
||||
href: "tel:+12025550199",
|
||||
},
|
||||
text: "Call to Book", href: "tel:+12025550199"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -257,37 +173,23 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Ernesto's Hairstyling",
|
||||
items: [
|
||||
title: "Ernesto's Hairstyling", items: [
|
||||
{
|
||||
label: "Washington, DC",
|
||||
href: "#",
|
||||
},
|
||||
label: "Washington, DC", href: "#"},
|
||||
{
|
||||
label: "Phone: (202) 555-0199",
|
||||
href: "tel:+12025550199",
|
||||
},
|
||||
label: "Phone: (202) 555-0199", href: "tel:+12025550199"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Reviews", href: "#reviews"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user