Update src/app/page.tsx
This commit is contained in:
225
src/app/page.tsx
225
src/app/page.tsx
@@ -32,22 +32,14 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Experience",
|
||||
id: "about",
|
||||
},
|
||||
name: "Experience", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Services", id: "pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
]}
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Book Now", href: "#"}}
|
||||
brandName="Galactic"
|
||||
/>
|
||||
</div>
|
||||
@@ -55,47 +47,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="ELITE GROOMING, REFINED."
|
||||
description="Where precision meets exclusivity. Your vision, executed with absolute mastery for the modern individual."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Cut",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Reserve Your Cut", href: "#pricing"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/musician-producer-work-soundboard-pads-professional-studio_482257-122100.jpg",
|
||||
imageAlt: "Elite Grooming",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/musician-producer-work-soundboard-pads-professional-studio_482257-122100.jpg", imageAlt: "Elite Grooming"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-shop-chairs-close-up_23-2148353478.jpg",
|
||||
imageAlt: "Expert Barbering",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-shop-chairs-close-up_23-2148353478.jpg", imageAlt: "Expert Barbering"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/poodle-posing-makeup-studio_23-2151987172.jpg",
|
||||
imageAlt: "Luxury Lounge",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/poodle-posing-makeup-studio_23-2151987172.jpg", imageAlt: "Luxury Lounge"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-male-azure-jacket-sunglasses-posing-studio_613910-2609.jpg",
|
||||
imageAlt: "Precision Beard",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-male-azure-jacket-sunglasses-posing-studio_613910-2609.jpg", imageAlt: "Precision Beard"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-salon-tools-jobs-career-concept_53876-127080.jpg",
|
||||
imageAlt: "Professional Tools",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/vintage-salon-tools-jobs-career-concept_53876-127080.jpg", imageAlt: "Professional Tools"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-unknown-woman-posing-indoors_23-2149551297.jpg",
|
||||
imageAlt: "Studio Vibes",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-unknown-woman-posing-indoors_23-2149551297.jpg", imageAlt: "Studio Vibes"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,23 +78,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Precision Cuts",
|
||||
value: "10k+",
|
||||
},
|
||||
id: "m1", icon: Award,
|
||||
title: "Precision Cuts", value: "10k+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Shield,
|
||||
title: "Client Retention",
|
||||
value: "98%",
|
||||
},
|
||||
id: "m2", icon: Shield,
|
||||
title: "Client Retention", value: "98%"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Star,
|
||||
title: "Experience Rating",
|
||||
value: "5.0",
|
||||
},
|
||||
id: "m3", icon: Star,
|
||||
title: "Experience Rating", value: "5.0"},
|
||||
]}
|
||||
title="BY THE NUMBERS"
|
||||
description="Defining the standard of high-end grooming in the city."
|
||||
@@ -137,19 +99,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Time Spent on Consultation",
|
||||
value: "15m",
|
||||
},
|
||||
label: "Time Spent on Consultation", value: "15m"},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Techniques Mastered",
|
||||
value: "30+",
|
||||
},
|
||||
label: "Techniques Mastered", value: "30+"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Client Satisfaction",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Client Satisfaction", value: "100%"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -161,23 +117,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Personalized Consultations",
|
||||
description: "Every session begins with an in-depth conversation regarding your style vision and grooming needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-process-steel-factory_140725-7627.jpg",
|
||||
imageAlt: "Consultation",
|
||||
},
|
||||
title: "Personalized Consultations", description: "Every session begins with an in-depth conversation regarding your style vision and grooming needs.", imageSrc: "http://img.b2bpic.net/free-photo/working-process-steel-factory_140725-7627.jpg", imageAlt: "Consultation"},
|
||||
{
|
||||
title: "Precision Execution",
|
||||
description: "We respect your time. Expect consistent, detail-oriented work delivered with absolute technical precision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-being-love_23-2149887648.jpg",
|
||||
imageAlt: "Execution",
|
||||
},
|
||||
title: "Precision Execution", description: "We respect your time. Expect consistent, detail-oriented work delivered with absolute technical precision.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-being-love_23-2149887648.jpg", imageAlt: "Execution"},
|
||||
{
|
||||
title: "Premium Products Only",
|
||||
description: "We curate the world's finest grooming essentials for a healthier, more refined aesthetic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-arrangement-barber-shop-desk_23-2148256952.jpg",
|
||||
imageAlt: "Products",
|
||||
},
|
||||
title: "Premium Products Only", description: "We curate the world's finest grooming essentials for a healthier, more refined aesthetic.", imageSrc: "http://img.b2bpic.net/free-photo/modern-arrangement-barber-shop-desk_23-2148256952.jpg", imageAlt: "Products"},
|
||||
]}
|
||||
title="THE STUDIO ADVANTAGE"
|
||||
description="Every element is crafted to ensure you feel understood, elevated, and valued."
|
||||
@@ -186,54 +130,32 @@ export default function LandingPage() {
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "cut",
|
||||
name: "Signature Cut",
|
||||
price: "$85",
|
||||
features: [
|
||||
"Personalized Consultation",
|
||||
"Custom Precision Cut",
|
||||
"Style Finish",
|
||||
],
|
||||
id: "cut", name: "Signature Cut", price: "$85", features: [
|
||||
"Personalized Consultation", "Custom Precision Cut", "Style Finish"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Reserve Now",
|
||||
},
|
||||
text: "Reserve Now"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "groom",
|
||||
name: "Grooming Experience",
|
||||
price: "$120",
|
||||
features: [
|
||||
"Signature Cut",
|
||||
"Beard Sculpting",
|
||||
"Hot Towel Treatment",
|
||||
"Scalp Massage",
|
||||
],
|
||||
id: "groom", name: "Grooming Experience", price: "$120", features: [
|
||||
"Signature Cut", "Beard Sculpting", "Hot Towel Treatment", "Scalp Massage"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Reserve Now",
|
||||
},
|
||||
text: "Reserve Now"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "total",
|
||||
name: "Full Refresh",
|
||||
price: "$180",
|
||||
features: [
|
||||
"Signature Cut",
|
||||
"Beard Sculpting",
|
||||
"Deep Conditioning",
|
||||
"Full Facial Treatment",
|
||||
],
|
||||
id: "total", name: "Full Refresh", price: "$180", features: [
|
||||
"Signature Cut", "Beard Sculpting", "Deep Conditioning", "Full Facial Treatment"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Reserve Now",
|
||||
},
|
||||
text: "Reserve Now"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -249,40 +171,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Julian R.",
|
||||
role: "Creative Director",
|
||||
testimonial: "Precision is an understatement. The attention to detail here is simply unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-window-sill-photo-art-concept_23-2148565524.jpg",
|
||||
},
|
||||
id: "1", name: "Julian R.", role: "Creative Director", testimonial: "Precision is an understatement. The attention to detail here is simply unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-window-sill-photo-art-concept_23-2148565524.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus V.",
|
||||
role: "Architect",
|
||||
testimonial: "Finally, a shop that understands communication. My vision, executed to perfection every single time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-getting-haircut_23-2148224300.jpg",
|
||||
},
|
||||
id: "2", name: "Marcus V.", role: "Architect", testimonial: "Finally, a shop that understands communication. My vision, executed to perfection every single time.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-getting-haircut_23-2148224300.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David L.",
|
||||
role: "Executive",
|
||||
testimonial: "The atmosphere is impeccable. You don't just get a cut; you get an experience that elevates your day.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9660.jpg",
|
||||
},
|
||||
id: "3", name: "David L.", role: "Executive", testimonial: "The atmosphere is impeccable. You don't just get a cut; you get an experience that elevates your day.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9660.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sam T.",
|
||||
role: "Entrepreneur",
|
||||
testimonial: "Pendiente del detalle en cada movimiento. Un servicio realmente espectacular.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/deciding-shave_1098-14121.jpg",
|
||||
},
|
||||
id: "4", name: "Sam T.", role: "Entrepreneur", testimonial: "Pendiente del detalle en cada movimiento. Un servicio realmente espectacular.", imageSrc: "http://img.b2bpic.net/free-photo/deciding-shave_1098-14121.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex K.",
|
||||
role: "Designer",
|
||||
testimonial: "Productos de primera calidad y un trato que te hace sentir bienvenido al instante.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-lady-with-deep-green-eyes-long-brown-hair_8353-1307.jpg",
|
||||
},
|
||||
id: "5", name: "Alex K.", role: "Designer", testimonial: "Productos de primera calidad y un trato que te hace sentir bienvenido al instante.", imageSrc: "http://img.b2bpic.net/free-photo/young-lady-with-deep-green-eyes-long-brown-hair_8353-1307.jpg"},
|
||||
]}
|
||||
title="VOICE OF THE ELITE"
|
||||
description="Why the city's most discerning men choose Galactic."
|
||||
@@ -295,25 +192,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need a booking?",
|
||||
content: "We work exclusively by appointment to ensure every client receives our undivided attention and precision.",
|
||||
},
|
||||
id: "q1", title: "Do I need a booking?", content: "We work exclusively by appointment to ensure every client receives our undivided attention and precision."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What's the consultation process?",
|
||||
content: "Every cut begins with a dedicated consultation where we analyze your hair texture, face shape, and desired aesthetic.",
|
||||
},
|
||||
id: "q2", title: "What's the consultation process?", content: "Every cut begins with a dedicated consultation where we analyze your hair texture, face shape, and desired aesthetic."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What products do you use?",
|
||||
content: "We only utilize elite-tier grooming formulations chosen for their performance and ingredient integrity.",
|
||||
},
|
||||
id: "q3", title: "What products do you use?", content: "We only utilize elite-tier grooming formulations chosen for their performance and ingredient integrity."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "What if I'm running late?",
|
||||
content: "We respect your time and ours. If you are delayed, please let us know immediately so we can adjust expectations.",
|
||||
},
|
||||
id: "q4", title: "What if I'm running late?", content: "We respect your time and ours. If you are delayed, please let us know immediately so we can adjust expectations."},
|
||||
]}
|
||||
title="KNOWLEDGE BASE"
|
||||
description="Everything you need to know before your arrival."
|
||||
@@ -327,33 +212,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Studio",
|
||||
href: "#",
|
||||
},
|
||||
label: "Studio", href: "#"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Services", href: "#pricing"},
|
||||
{
|
||||
label: "Booking",
|
||||
href: "#",
|
||||
},
|
||||
label: "Booking", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Use", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user