Merge version_1 into main #1
268
src/app/page.tsx
268
src/app/page.tsx
@@ -13,7 +13,7 @@ import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Award, Scissors, Smile, Star } from "lucide-react";
|
||||
import { Award, Scissors, Smile, Star, Zap, Sparkles } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,30 +33,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "#team",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Team", id: "#team" },
|
||||
{ name: "Reviews", id: "#reviews" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="ADAM"
|
||||
/>
|
||||
@@ -64,17 +46,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Precision Meets Tradition"
|
||||
description="ADAM Barbershop provides unparalleled grooming services in the heart of the city. Master your look with our professional fades, precision shaves, and dedicated care."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Now", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/life-style_1122-1803.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -98,28 +73,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Fades",
|
||||
description: "Expertly executed, sharp, and tailored to your specific face shape.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-getting-new-haircut_23-2148242801.jpg",
|
||||
buttonIcon: "Zap",
|
||||
title: "Precision Fades", description: "Expertly executed, sharp, and tailored to your specific face shape.", imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-getting-new-haircut_23-2148242801.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Grooming Rituals",
|
||||
description: "Complete care including eyes, eyebrows, and ears with the highest hygiene standards.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dog-near-fireplace-drinks-cocoa-with-marshmallows_1321-1594.jpg",
|
||||
buttonIcon: "Sparkles",
|
||||
title: "Grooming Rituals", description: "Complete care including eyes, eyebrows, and ears with the highest hygiene standards.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dog-near-fireplace-drinks-cocoa-with-marshmallows_1321-1594.jpg", buttonIcon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Beard Artistry",
|
||||
description: "Professional trimming and sculpting for the perfect finish every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-washing-dog_23-2149652688.jpg",
|
||||
buttonIcon: "Scissors",
|
||||
title: "Beard Artistry", description: "Professional trimming and sculpting for the perfect finish every time.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-washing-dog_23-2149652688.jpg", buttonIcon: Scissors,
|
||||
},
|
||||
{
|
||||
title: "Classic Styling",
|
||||
description: "Timeless cuts that ensure you walk out looking like a new person.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collection-brushes-with-powder_23-2148352931.jpg",
|
||||
buttonIcon: "Award",
|
||||
title: "Classic Styling", description: "Timeless cuts that ensure you walk out looking like a new person.", imageSrc: "http://img.b2bpic.net/free-photo/collection-brushes-with-powder_23-2148352931.jpg", buttonIcon: Award,
|
||||
},
|
||||
]}
|
||||
title="Mastery in Every Detail"
|
||||
@@ -134,27 +97,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1000+",
|
||||
title: "Satisfied Clients",
|
||||
description: "Happy faces and sharp looks leave our salon daily.",
|
||||
icon: Smile,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.9/5",
|
||||
title: "Quality Rating",
|
||||
description: "Consistently rated top-tier by our regular clients.",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
description: "Expert craftsmanship refined over a decade.",
|
||||
icon: Award,
|
||||
},
|
||||
{ id: "m1", value: "1000+", title: "Satisfied Clients", description: "Happy faces and sharp looks leave our salon daily.", icon: Smile },
|
||||
{ id: "m2", value: "4.9/5", title: "Quality Rating", description: "Consistently rated top-tier by our regular clients.", icon: Star },
|
||||
{ id: "m3", value: "10+", title: "Years Experience", description: "Expert craftsmanship refined over a decade.", icon: Award },
|
||||
]}
|
||||
title="Excellence in Numbers"
|
||||
description="Our commitment to quality service has earned us the trust of countless satisfied customers across Zürich."
|
||||
@@ -168,56 +113,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "CHF 35",
|
||||
subtitle: "Perfect for a quick refresh",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Precision Fade",
|
||||
"Consultation",
|
||||
"Styling",
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "CHF 35", subtitle: "Perfect for a quick refresh", buttons: [{ text: "Book", href: "#contact" }],
|
||||
features: ["Precision Fade", "Consultation", "Styling"],
|
||||
},
|
||||
{
|
||||
id: "standard",
|
||||
badge: "Recommended",
|
||||
price: "CHF 55",
|
||||
subtitle: "The full grooming experience",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Haircut & Fade",
|
||||
"Beard Trim",
|
||||
"Eyes & Ears Care",
|
||||
],
|
||||
id: "standard", badge: "Recommended", price: "CHF 55", subtitle: "The full grooming experience", buttons: [{ text: "Book", href: "#contact" }],
|
||||
features: ["Haircut & Fade", "Beard Trim", "Eyes & Ears Care"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Elite",
|
||||
price: "CHF 75",
|
||||
subtitle: "Luxury complete service",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Haircut & Beard",
|
||||
"Hot Towel Shave",
|
||||
"Face Care",
|
||||
"Full Sculpting",
|
||||
],
|
||||
id: "premium", badge: "Elite", price: "CHF 75", subtitle: "Luxury complete service", buttons: [{ text: "Book", href: "#contact" }],
|
||||
features: ["Haircut & Beard", "Hot Towel Shave", "Face Care", "Full Sculpting"],
|
||||
},
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
@@ -232,24 +137,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "ADAM",
|
||||
role: "Master Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-smiling-showing-thumbs-up_141793-37334.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Kudret",
|
||||
role: "Lead Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Fatih",
|
||||
role: "Style Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-hair-clippers-isolated-crimson-background-with-copy-space_141793-31955.jpg",
|
||||
},
|
||||
{ id: "t1", name: "ADAM", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-smiling-showing-thumbs-up_141793-37334.jpg" },
|
||||
{ id: "t2", name: "Kudret", role: "Lead Barber", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg" },
|
||||
{ id: "t3", name: "Fatih", role: "Style Specialist", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-hair-clippers-isolated-crimson-background-with-copy-space_141793-31955.jpg" },
|
||||
]}
|
||||
title="Meet the Artists"
|
||||
description="Our team of skilled barbers is passionate, professional, and dedicated to achieving the style you envision."
|
||||
@@ -262,41 +152,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "René Müller",
|
||||
role: "Stammkunde",
|
||||
testimonial: "Everything is always clean, orderly, friendly, and professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-male-barbers-looking-camera_23-2147839857.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Marco Zo",
|
||||
role: "Client",
|
||||
testimonial: "The fade was fresh, he was surgical with the scissors. Amazing!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-parrot-studio_23-2150747629.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Manuel Santschi",
|
||||
role: "Client",
|
||||
testimonial: "Best barbershop in Zurich. Always a pleasure visiting Adam.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-blonde-woman-breeder-holds-her-cute-pug-isolated-gray-background_613910-5457.jpg",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
name: "Kent",
|
||||
role: "Client",
|
||||
testimonial: "Simply absolute masterclass. Sympathetic atmosphere.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-senior-woman-making-fun-with-her-young-daughter-while-preparing-food_23-2148041562.jpg",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Lena S.",
|
||||
role: "Client",
|
||||
testimonial: "True professionals, meticulous attention to detail. Warm welcome.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shaving-concept-with-attractive-young-man_23-2148121910.jpg",
|
||||
},
|
||||
{ id: "s1", name: "René Müller", role: "Stammkunde", testimonial: "Everything is always clean, orderly, friendly, and professional.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-male-barbers-looking-camera_23-2147839857.jpg" },
|
||||
{ id: "s2", name: "Marco Zo", role: "Client", testimonial: "The fade was fresh, he was surgical with the scissors. Amazing!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-parrot-studio_23-2150747629.jpg" },
|
||||
{ id: "s3", name: "Manuel Santschi", role: "Client", testimonial: "Best barbershop in Zurich. Always a pleasure visiting Adam.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-blonde-woman-breeder-holds-her-cute-pug-isolated-gray-background_613910-5457.jpg" },
|
||||
{ id: "s4", name: "Kent", role: "Client", testimonial: "Simply absolute masterclass. Sympathetic atmosphere.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-senior-woman-making-fun-with-her-young-daughter-while-preparing-food_23-2148041562.jpg" },
|
||||
{ id: "s5", name: "Lena S.", role: "Client", testimonial: "True professionals, meticulous attention to detail. Warm welcome.", imageSrc: "http://img.b2bpic.net/free-photo/shaving-concept-with-attractive-young-man_23-2148121910.jpg" },
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="Our clients tell it best. Join hundreds of satisfied gentlemen who make ADAM their home for grooming."
|
||||
@@ -307,21 +167,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "You can book, but walk-ins are welcome! We are very practical and flexible.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Where is the barbershop located?",
|
||||
content: "We are centrally located in Zurich, easily accessible for all our clients.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What services do you offer?",
|
||||
content: "We provide head cuts, beard grooming, eye/ear hair trimming, and full luxury grooming packages.",
|
||||
},
|
||||
{ id: "q1", title: "Do I need an appointment?", content: "You can book, but walk-ins are welcome! We are very practical and flexible." },
|
||||
{ id: "q2", title: "Where is the barbershop located?", content: "We are centrally located in Zurich, easily accessible for all our clients." },
|
||||
{ id: "q3", title: "What services do you offer?", content: "We provide head cuts, beard grooming, eye/ear hair trimming, and full luxury grooming packages." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know before your visit."
|
||||
@@ -335,24 +183,10 @@ export default function LandingPage() {
|
||||
title="Ready for a Fresh Start?"
|
||||
description="Visit us in Zürich or send a message to inquire about our services and availability. We look forward to meeting you."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us what you need...",
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us what you need...", required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/poodle-posing-makeup-studio_23-2151987173.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -360,34 +194,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Legal Notice",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Services", href: "#services" }, { label: "Pricing", href: "#pricing" }, { label: "Contact", href: "#contact" }] },
|
||||
{ items: [{ label: "Legal Notice", href: "#" }, { label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
logoText="ADAM"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user