Merge version_1 into main #2
198
src/app/page.tsx
198
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Barbers",
|
||||
id: "team",
|
||||
},
|
||||
name: "Barbers", id: "team"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Booking",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Booking", id: "contact"},
|
||||
]}
|
||||
brandName="Ace Cutz"
|
||||
/>
|
||||
@@ -53,30 +45,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Precision Grooming at Ace Cutz"
|
||||
description="Where tradition meets modern style. Book your appointment with the city's finest barbers today and elevate your look."
|
||||
kpis={[
|
||||
{
|
||||
value: "10+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "10+", label: "Years Experience"},
|
||||
{
|
||||
value: "5k+",
|
||||
label: "Satisfied Clients",
|
||||
},
|
||||
value: "5k+", label: "Satisfied Clients"},
|
||||
{
|
||||
value: "4.9★",
|
||||
label: "Rating",
|
||||
},
|
||||
value: "4.9★", label: "Rating"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFfrnmTECZehuEQ0cyX9g5zlX/professional-barbershop-interior-moody-d-1774780625982-e6f41f2f.png"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -90,38 +73,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Classic Cut",
|
||||
author: "Expert Barber",
|
||||
description: "The timeless haircut, finished with a straight-razor neck clean-up.",
|
||||
tags: [
|
||||
"Haircut",
|
||||
"Classic",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFfrnmTECZehuEQ0cyX9g5zlX/close-up-of-high-quality-shaving-tools-s-1774780625188-4f8e43ea.png",
|
||||
},
|
||||
id: "f1", title: "Classic Cut", author: "Expert Barber", description: "The timeless haircut, finished with a straight-razor neck clean-up.", tags: [
|
||||
"Haircut", "Classic"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFfrnmTECZehuEQ0cyX9g5zlX/close-up-of-high-quality-shaving-tools-s-1774780625188-4f8e43ea.png"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Precision Fade",
|
||||
author: "Fade Specialist",
|
||||
description: "Crisp transitions and seamless fading for a modern, sharp look.",
|
||||
tags: [
|
||||
"Fade",
|
||||
"Modern",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFfrnmTECZehuEQ0cyX9g5zlX/a-person-receiving-a-fresh-fade-haircut--1774780625125-85592ab9.png?_wi=1",
|
||||
},
|
||||
id: "f2", title: "Precision Fade", author: "Fade Specialist", description: "Crisp transitions and seamless fading for a modern, sharp look.", tags: [
|
||||
"Fade", "Modern"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFfrnmTECZehuEQ0cyX9g5zlX/a-person-receiving-a-fresh-fade-haircut--1774780625125-85592ab9.png"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Beard Sculpting",
|
||||
author: "Master Groomer",
|
||||
description: "Shape and trim your beard to perfection with hot towels and premium oils.",
|
||||
tags: [
|
||||
"Beard",
|
||||
"Grooming",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFfrnmTECZehuEQ0cyX9g5zlX/beard-grooming-service-applying-oil-with-1774780632460-63d20bde.png",
|
||||
},
|
||||
id: "f3", title: "Beard Sculpting", author: "Master Groomer", description: "Shape and trim your beard to perfection with hot towels and premium oils.", tags: [
|
||||
"Beard", "Grooming"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFfrnmTECZehuEQ0cyX9g5zlX/beard-grooming-service-applying-oil-with-1774780632460-63d20bde.png"},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="Premium grooming experiences tailored to your personality."
|
||||
@@ -133,31 +95,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Alex 'Ace'",
|
||||
role: "Lead Barber",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFfrnmTECZehuEQ0cyX9g5zlX/portrait-of-a-professional-barber-in-a-s-1774780625312-2670749b.png",
|
||||
},
|
||||
id: "m1", name: "Alex 'Ace'", role: "Lead Barber", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFfrnmTECZehuEQ0cyX9g5zlX/portrait-of-a-professional-barber-in-a-s-1774780625312-2670749b.png"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Marcus",
|
||||
role: "Fade Artist",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFfrnmTECZehuEQ0cyX9g5zlX/portrait-of-a-barber-focused-on-work-art-1774780625055-ef69c3e2.png",
|
||||
},
|
||||
id: "m2", name: "Marcus", role: "Fade Artist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFfrnmTECZehuEQ0cyX9g5zlX/portrait-of-a-barber-focused-on-work-art-1774780625055-ef69c3e2.png"},
|
||||
{
|
||||
id: "m3",
|
||||
name: "David",
|
||||
role: "Grooming Specialist",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFfrnmTECZehuEQ0cyX9g5zlX/portrait-of-a-barber-smiling-friendly-pr-1774780625225-d84669a0.png",
|
||||
},
|
||||
id: "m3", name: "David", role: "Grooming Specialist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFfrnmTECZehuEQ0cyX9g5zlX/portrait-of-a-barber-smiling-friendly-pr-1774780625225-d84669a0.png"},
|
||||
{
|
||||
id: "m4",
|
||||
name: "James",
|
||||
role: "Master Stylist",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFfrnmTECZehuEQ0cyX9g5zlX/portrait-of-a-barber-with-modern-tattoos-1774780625782-d9cf6d1f.png",
|
||||
},
|
||||
id: "m4", name: "James", role: "Master Stylist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFfrnmTECZehuEQ0cyX9g5zlX/portrait-of-a-barber-with-modern-tattoos-1774780625782-d9cf6d1f.png"},
|
||||
]}
|
||||
title="Meet The Aces"
|
||||
description="Our team of seasoned professionals is here to master your style."
|
||||
@@ -170,45 +117,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Best in the city",
|
||||
quote: "I've been everywhere, but Ace Cutz is on another level.",
|
||||
name: "John Doe",
|
||||
role: "Manager",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFfrnmTECZehuEQ0cyX9g5zlX/portrait-of-a-satisfied-male-customer-wi-1774780627199-132f3872.png",
|
||||
},
|
||||
id: "t1", title: "Best in the city", quote: "I've been everywhere, but Ace Cutz is on another level.", name: "John Doe", role: "Manager", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFfrnmTECZehuEQ0cyX9g5zlX/portrait-of-a-satisfied-male-customer-wi-1774780627199-132f3872.png"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Crisp fading",
|
||||
quote: "Marcus gave me the best fade I've ever had. Highly recommend.",
|
||||
name: "Sam Smith",
|
||||
role: "Designer",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFfrnmTECZehuEQ0cyX9g5zlX/portrait-of-a-stylish-customer-with-a-mo-1774780625254-d67e91d4.png",
|
||||
},
|
||||
id: "t2", title: "Crisp fading", quote: "Marcus gave me the best fade I've ever had. Highly recommend.", name: "Sam Smith", role: "Designer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFfrnmTECZehuEQ0cyX9g5zlX/portrait-of-a-stylish-customer-with-a-mo-1774780625254-d67e91d4.png"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Top service",
|
||||
quote: "The hot towel treatment is a total game changer. Great vibes.",
|
||||
name: "Paul King",
|
||||
role: "Entrepreneur",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFfrnmTECZehuEQ0cyX9g5zlX/close-up-profile-view-of-a-clean-haircut-1774780624931-345dc600.png",
|
||||
},
|
||||
id: "t3", title: "Top service", quote: "The hot towel treatment is a total game changer. Great vibes.", name: "Paul King", role: "Entrepreneur", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFfrnmTECZehuEQ0cyX9g5zlX/close-up-profile-view-of-a-clean-haircut-1774780624931-345dc600.png"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Consistent results",
|
||||
quote: "Never disappointed. Every visit is professional and efficient.",
|
||||
name: "Mike Ross",
|
||||
role: "Attorney",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFfrnmTECZehuEQ0cyX9g5zlX/portrait-of-a-businessman-after-a-haircu-1774780625158-301289b0.png?_wi=1",
|
||||
},
|
||||
id: "t4", title: "Consistent results", quote: "Never disappointed. Every visit is professional and efficient.", name: "Mike Ross", role: "Attorney", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFfrnmTECZehuEQ0cyX9g5zlX/portrait-of-a-businessman-after-a-haircu-1774780625158-301289b0.png"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Incredible attention",
|
||||
quote: "They really take their time to ensure the details are perfect.",
|
||||
name: "Chris Lee",
|
||||
role: "Developer",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFfrnmTECZehuEQ0cyX9g5zlX/portrait-of-a-businessman-after-a-haircu-1774780625158-301289b0.png?_wi=2",
|
||||
},
|
||||
id: "t5", title: "Incredible attention", quote: "They really take their time to ensure the details are perfect.", name: "Chris Lee", role: "Developer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFfrnmTECZehuEQ0cyX9g5zlX/portrait-of-a-businessman-after-a-haircu-1774780625158-301289b0.png"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Join our community of sharp-looking gentlemen."
|
||||
@@ -221,24 +138,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I book?",
|
||||
content: "You can book directly via our online booking system or call our shop during opening hours.",
|
||||
},
|
||||
id: "q1", title: "How do I book?", content: "You can book directly via our online booking system or call our shop during opening hours."},
|
||||
{
|
||||
id: "q2",
|
||||
name: "Do you take walk-ins?",
|
||||
title: "Do you take walk-ins?",
|
||||
content: "Yes, we prioritize bookings but accept walk-ins based on availability.",
|
||||
},
|
||||
id: "q2", title: "Do you take walk-ins?", content: "Yes, we prioritize bookings but accept walk-ins based on availability."},
|
||||
{
|
||||
id: "q3",
|
||||
name: "Are there parking options?",
|
||||
title: "Are there parking options?",
|
||||
content: "We have dedicated spots behind the shop for all our clients.",
|
||||
},
|
||||
id: "q3", title: "Are there parking options?", content: "We have dedicated spots behind the shop for all our clients."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFfrnmTECZehuEQ0cyX9g5zlX/a-person-receiving-a-fresh-fade-haircut--1774780625125-85592ab9.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFfrnmTECZehuEQ0cyX9g5zlX/a-person-receiving-a-fresh-fade-haircut--1774780625125-85592ab9.png"
|
||||
title="Common Questions"
|
||||
description="Answers to keep your visit smooth and efficient."
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -250,16 +156,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Booking"
|
||||
title="Ready for your fresh look?"
|
||||
description="Secure your slot now and walk out like an Ace."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "https://booking.acecutz.com",
|
||||
},
|
||||
text: "Book Appointment", href: "https://booking.acecutz.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -268,42 +171,27 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Visit Us",
|
||||
items: [
|
||||
title: "Visit Us", items: [
|
||||
{
|
||||
label: "123 Barber Street",
|
||||
href: "#",
|
||||
},
|
||||
label: "123 Barber Street", href: "#"},
|
||||
{
|
||||
label: "City, State, 12345",
|
||||
href: "#",
|
||||
},
|
||||
label: "City, State, 12345", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Socials",
|
||||
items: [
|
||||
title: "Socials", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com",
|
||||
},
|
||||
label: "Facebook", href: "https://facebook.com"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
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