Merge version_1 into main #1
194
src/app/page.tsx
194
src/app/page.tsx
@@ -31,23 +31,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="El Gran Patrón"
|
||||
button={{
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -57,35 +51,21 @@ export default function LandingPage() {
|
||||
description="Expert grooming and precision cuts tailored to the modern gentleman. Experience the ultimate in style and comfort."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg",
|
||||
imageAlt: "Barber shop interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg", imageAlt: "Barber shop interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665403.jpg",
|
||||
imageAlt: "Professional haircut",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665403.jpg", imageAlt: "Professional haircut"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205858.jpg",
|
||||
imageAlt: "Shaving service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205858.jpg", imageAlt: "Shaving service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-furniture-adorns-comfortable-home-interior-generated-by-ai_188544-29070.jpg",
|
||||
imageAlt: "Salon workspace",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-furniture-adorns-comfortable-home-interior-generated-by-ai_188544-29070.jpg", imageAlt: "Salon workspace"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-his-hair-cut_23-2148256900.jpg",
|
||||
imageAlt: "Detail trimming",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-his-hair-cut_23-2148256900.jpg", imageAlt: "Detail trimming"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668467.jpg",
|
||||
imageAlt: "Barber tools",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668467.jpg", imageAlt: "Barber tools"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -108,35 +88,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Precision Cuts",
|
||||
tags: [
|
||||
"Style",
|
||||
"Fades",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-barbershop-concept_23-2148506210.jpg",
|
||||
imageAlt: "Haircut",
|
||||
},
|
||||
id: "f1", title: "Precision Cuts", tags: [
|
||||
"Style", "Fades"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-barbershop-concept_23-2148506210.jpg", imageAlt: "Haircut"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Beard Grooming",
|
||||
tags: [
|
||||
"Beard",
|
||||
"Care",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-styling-beard-man_23-2147778882.jpg",
|
||||
imageAlt: "Beard trim",
|
||||
},
|
||||
id: "f2", title: "Beard Grooming", tags: [
|
||||
"Beard", "Care"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-styling-beard-man_23-2147778882.jpg", imageAlt: "Beard trim"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Hot Towel Shave",
|
||||
tags: [
|
||||
"Shave",
|
||||
"Classic",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-hairdresser-massaging-young-customer-s-face-wrapped-towel-barbershop_181624-53211.jpg",
|
||||
imageAlt: "Hot towel shave",
|
||||
},
|
||||
id: "f3", title: "Hot Towel Shave", tags: [
|
||||
"Shave", "Classic"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-hairdresser-massaging-young-customer-s-face-wrapped-towel-barbershop_181624-53211.jpg", imageAlt: "Hot towel shave"},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Premium grooming solutions for every style."
|
||||
@@ -145,30 +107,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Happy Clients",
|
||||
description: "Returning gentlemen served",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg",
|
||||
},
|
||||
id: "m1", value: "10k+", title: "Happy Clients", description: "Returning gentlemen served", imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
description: "Crafting master styles",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167446.jpg",
|
||||
},
|
||||
id: "m2", value: "15+", title: "Years Experience", description: "Crafting master styles", imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167446.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5.0",
|
||||
title: "Average Rating",
|
||||
description: "Consistent 5-star service",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-hairdresser-shaving-beard-young-customer-towel-with-blade_181624-54554.jpg",
|
||||
},
|
||||
id: "m3", value: "5.0", title: "Average Rating", description: "Consistent 5-star service", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-hairdresser-shaving-beard-young-customer-towel-with-blade_181624-54554.jpg"},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Numbers speak to our commitment to excellence."
|
||||
@@ -182,40 +130,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John D.",
|
||||
role: "Entrepreneur",
|
||||
testimonial: "The best haircut in town, truly high-end service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-bearded-man-smiling-looking-away-while-professional-barber-giving-him-haircut-copyspace_7502-5640.jpg",
|
||||
},
|
||||
id: "t1", name: "John D.", role: "Entrepreneur", testimonial: "The best haircut in town, truly high-end service.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-bearded-man-smiling-looking-away-while-professional-barber-giving-him-haircut-copyspace_7502-5640.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike R.",
|
||||
role: "Professional",
|
||||
testimonial: "Very professional and detailed, highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-practicing-skincare_23-2150283290.jpg",
|
||||
},
|
||||
id: "t2", name: "Mike R.", role: "Professional", testimonial: "Very professional and detailed, highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-practicing-skincare_23-2150283290.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Steve A.",
|
||||
role: "Client",
|
||||
testimonial: "Clean shop, great vibe, even better service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
|
||||
},
|
||||
id: "t3", name: "Steve A.", role: "Client", testimonial: "Clean shop, great vibe, even better service.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
role: "Business Owner",
|
||||
testimonial: "Consistently great results every time I visit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-maledressed-suit-grey-background_613910-1592.jpg",
|
||||
},
|
||||
id: "t4", name: "David W.", role: "Business Owner", testimonial: "Consistently great results every time I visit.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-maledressed-suit-grey-background_613910-1592.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alex B.",
|
||||
role: "Architect",
|
||||
testimonial: "El Gran Patrón sets the bar for barbershops.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11915.jpg",
|
||||
},
|
||||
id: "t5", name: "Alex B.", role: "Architect", testimonial: "El Gran Patrón sets the bar for barbershops.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11915.jpg"},
|
||||
]}
|
||||
title="Client Voices"
|
||||
description="What our patrons say about us."
|
||||
@@ -228,20 +151,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "We recommend booking ahead to guarantee your spot.",
|
||||
},
|
||||
id: "q1", title: "Do I need an appointment?", content: "We recommend booking ahead to guarantee your spot."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are walk-ins accepted?",
|
||||
content: "Subject to availability, we welcome walk-ins.",
|
||||
},
|
||||
id: "q2", title: "Are walk-ins accepted?", content: "Subject to availability, we welcome walk-ins."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What payment methods do you take?",
|
||||
content: "We accept cards and cash.",
|
||||
},
|
||||
id: "q3", title: "What payment methods do you take?", content: "We accept cards and cash."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know."
|
||||
@@ -256,22 +170,14 @@ export default function LandingPage() {
|
||||
description="Get in touch for appointments or inquiries."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "How can we help?", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/inside-hairdresser-view-from-street_122409-37.jpg"
|
||||
imageAlt="Barbershop entrance"
|
||||
@@ -283,33 +189,21 @@ export default function LandingPage() {
|
||||
logoText="El Gran Patrón"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user