Merge version_1 into main #2
193
src/app/page.tsx
193
src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Right Choice"
|
||||
/>
|
||||
@@ -57,61 +47,38 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Right Choice Fashion Point"
|
||||
description="Experience premium grooming with expert precision. We don't just cut hair; we redefine your style."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94677.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94677.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-sunbathed-fashion-man-model-wearing-white-shirt-clothes-posing-street_158538-2377.jpg",
|
||||
alt: "Client profile 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-sunbathed-fashion-man-model-wearing-white-shirt-clothes-posing-street_158538-2377.jpg", alt: "Client profile 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205917.jpg",
|
||||
alt: "Client profile 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205917.jpg", alt: "Client profile 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg",
|
||||
alt: "Client profile 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg", alt: "Client profile 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-walks-around-city_1321-4646.jpg",
|
||||
alt: "Client profile 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-walks-around-city_1321-4646.jpg", alt: "Client profile 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hairdresser-communicating-with-aged-client-studio_23-2148181856.jpg",
|
||||
alt: "Client profile 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hairdresser-communicating-with-aged-client-studio_23-2148181856.jpg", alt: "Client profile 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Cuts",
|
||||
},
|
||||
type: "text", text: "Precision Cuts"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hot Towel Shaves",
|
||||
},
|
||||
type: "text", text: "Hot Towel Shaves"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Beard Styling",
|
||||
},
|
||||
type: "text", text: "Beard Styling"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Grooming",
|
||||
},
|
||||
type: "text", text: "Expert Grooming"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Vibe",
|
||||
},
|
||||
type: "text", text: "Modern Vibe"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,49 +90,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Styling",
|
||||
description: "Experienced professionals who understand your facial structure and style preferences.",
|
||||
icon: Scissors,
|
||||
title: "Expert Styling", description: "Experienced professionals who understand your facial structure and style preferences.", icon: Scissors,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313040.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313040.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94677.jpg?_wi=2",
|
||||
imageAlt: "luxury barbershop interior gold accents",
|
||||
},
|
||||
{
|
||||
title: "Premium Grooming",
|
||||
description: "Using high-end products to ensure your skin and hair receive the best care.",
|
||||
icon: Sparkles,
|
||||
title: "Premium Grooming", description: "Using high-end products to ensure your skin and hair receive the best care.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205881.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205881.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313040.jpg?_wi=2",
|
||||
imageAlt: "professional shaving equipment tools",
|
||||
},
|
||||
{
|
||||
title: "Relaxed Vibe",
|
||||
description: "A comfortable atmosphere where you can unwind while you get a fresh look.",
|
||||
icon: Award,
|
||||
title: "Relaxed Vibe", description: "A comfortable atmosphere where you can unwind while you get a fresh look.", icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205881.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205881.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313040.jpg?_wi=3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313040.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg?_wi=3",
|
||||
imageAlt: "modern haircut styles man portrait",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
@@ -179,45 +128,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Top-tier service!",
|
||||
quote: "The best haircut I have ever had. Professional, clean, and highly skilled staff.",
|
||||
name: "John Doe",
|
||||
role: "Entrepreneur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-sunbathed-fashion-man-model-wearing-white-shirt-clothes-posing-street_158538-2377.jpg",
|
||||
},
|
||||
id: "1", title: "Top-tier service!", quote: "The best haircut I have ever had. Professional, clean, and highly skilled staff.", name: "John Doe", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-sunbathed-fashion-man-model-wearing-white-shirt-clothes-posing-street_158538-2377.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Simply excellent",
|
||||
quote: "Right Choice is the place to be. Always precise and friendly environment.",
|
||||
name: "Michael Smith",
|
||||
role: "Professional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205917.jpg",
|
||||
},
|
||||
id: "2", title: "Simply excellent", quote: "Right Choice is the place to be. Always precise and friendly environment.", name: "Michael Smith", role: "Professional", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205917.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Game changer",
|
||||
quote: "My beard has never looked better. Highly recommend to everyone.",
|
||||
name: "David Brown",
|
||||
role: "Creative",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg",
|
||||
},
|
||||
id: "3", title: "Game changer", quote: "My beard has never looked better. Highly recommend to everyone.", name: "David Brown", role: "Creative", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Consistent Quality",
|
||||
quote: "Every time I leave, I feel like a new person. Incredible attention to detail.",
|
||||
name: "James Wilson",
|
||||
role: "Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-walks-around-city_1321-4646.jpg",
|
||||
},
|
||||
id: "4", title: "Consistent Quality", quote: "Every time I leave, I feel like a new person. Incredible attention to detail.", name: "James Wilson", role: "Director", imageSrc: "http://img.b2bpic.net/free-photo/young-man-walks-around-city_1321-4646.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Highly Recommend",
|
||||
quote: "Great vibe and even better cuts. Best barbershop in the city!",
|
||||
name: "Robert Taylor",
|
||||
role: "Lawyer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-communicating-with-aged-client-studio_23-2148181856.jpg",
|
||||
},
|
||||
id: "5", title: "Highly Recommend", quote: "Great vibe and even better cuts. Best barbershop in the city!", name: "Robert Taylor", role: "Lawyer", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-communicating-with-aged-client-studio_23-2148181856.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear from the gentlemen who trust us with their style every single month."
|
||||
@@ -230,20 +149,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "While we welcome walk-ins, we highly recommend booking an appointment to ensure you get your preferred time.",
|
||||
},
|
||||
id: "q1", title: "Do I need an appointment?", content: "While we welcome walk-ins, we highly recommend booking an appointment to ensure you get your preferred time."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What services do you offer?",
|
||||
content: "We offer a full range of services, including haircuts, beard trims, hot towel shaves, and facial care.",
|
||||
},
|
||||
id: "q2", title: "What services do you offer?", content: "We offer a full range of services, including haircuts, beard trims, hot towel shaves, and facial care."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How long does a service take?",
|
||||
content: "Most grooming services take between 30 to 60 minutes depending on the complexity of the style.",
|
||||
},
|
||||
id: "q3", title: "How long does a service take?", content: "Most grooming services take between 30 to 60 minutes depending on the complexity of the style."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683411.jpg"
|
||||
mediaAnimation="opacity"
|
||||
@@ -257,8 +167,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Book Your Appointment"
|
||||
description="Ready for your next fresh look? Drop your email and we'll reach out to schedule you in."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-barber-s-shop-getting-his-beard-trimmed_23-2149186494.jpg"
|
||||
@@ -272,37 +181,23 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Haircuts",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Haircuts", href: "#services"},
|
||||
{
|
||||
label: "Beard Trim",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Beard Trim", href: "#services"},
|
||||
{
|
||||
label: "Shaves",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Shaves", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user