diff --git a/src/app/page.tsx b/src/app/page.tsx index 98599f1..343bd8a 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -19,31 +19,28 @@ export default function LandingPage() { defaultButtonVariant="expand-hover" defaultTextAnimation="reveal-blur" borderRadius="pill" + contentWidth="medium" + sizing="medium" + background="circleGradient" + cardStyle="glass-elevated" + primaryButtonStyle="gradient" + secondaryButtonStyle="glass" + headingFontWeight="normal" > @@ -93,9 +76,7 @@ export default function LandingPage() { useInvertedBackground={false} title="Where Precision Meets Passion" description={[ - "Founded by Renaldo Da Silva, Clipper Club represents the perfect fusion of modern barbering techniques with time-honored traditions.", - "We believe that every cut tells a story and every client deserves nothing less than perfection. Our master barbers don't just cut hair — they craft confidence, one precision cut at a time.", - ]} + "Founded by Renaldo Da Silva, Clipper Club represents the perfect fusion of modern barbering techniques with time-honored traditions.", "We believe that every cut tells a story and every client deserves nothing less than perfection. Our master barbers don't just cut hair — they craft confidence, one precision cut at a time."]} /> @@ -107,19 +88,13 @@ export default function LandingPage() { features={[ { icon: Scissors, - title: "Precision Haircuts", - description: "From zero fades to classic cuts.", - }, + title: "Precision Haircuts", description: "From zero fades to classic cuts."}, { icon: ShieldCheck, - title: "Beard Grooming", - description: "Professional trims, shaping, and cleansing.", - }, + title: "Beard Grooming", description: "Professional trims, shaping, and cleansing."}, { icon: Scissors, - title: "Traditional Shaves", - description: "Hot towel shave rituals for the modern man.", - }, + title: "Traditional Shaves", description: "Hot towel shave rituals for the modern man."}, ]} title="Professional Grooming" description="Comprehensive grooming services tailored to your style and needs." @@ -131,49 +106,20 @@ export default function LandingPage() { textboxLayout="default" gridVariant="four-items-2x2-equal-grid" useInvertedBackground={false} + animationType="slide-up" products={[ { - id: "1", - name: "Sharp Fade", - price: "Groomed", - variant: "Hair", - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326537.jpg?_wi=1", - }, + id: "1", name: "Sharp Fade", price: "Groomed", variant: "Hair", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326537.jpg"}, { - id: "2", - name: "Classic Beard", - price: "Styled", - variant: "Beard", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326540.jpg", - }, + id: "2", name: "Classic Beard", price: "Styled", variant: "Beard", imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326540.jpg"}, { - id: "3", - name: "Hot Towel Shave", - price: "Luxury", - variant: "Skin", - imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-before-after-rhinoplasty_23-2149947584.jpg", - }, + id: "3", name: "Hot Towel Shave", price: "Luxury", variant: "Skin", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-before-after-rhinoplasty_23-2149947584.jpg"}, { - id: "4", - name: "Full Groom", - price: "Complete", - variant: "Style", - imageSrc: "http://img.b2bpic.net/free-photo/from-hands-shaving-neck_23-2147778916.jpg", - }, + id: "4", name: "Full Groom", price: "Complete", variant: "Style", imageSrc: "http://img.b2bpic.net/free-photo/from-hands-shaving-neck_23-2147778916.jpg"}, { - id: "5", - name: "Modern Cut", - price: "Precision", - variant: "Hair", - imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-s-shop-getting-his-beard-trimmed_23-2149186494.jpg", - }, + id: "5", name: "Modern Cut", price: "Precision", variant: "Hair", imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-s-shop-getting-his-beard-trimmed_23-2149186494.jpg"}, { - id: "6", - name: "Beard Ritual", - price: "Classic", - variant: "Beard", - imageSrc: "http://img.b2bpic.net/free-photo/comfortable-black-white-home-interior-design-generated-by-ai_188544-29099.jpg", - }, + id: "6", name: "Beard Ritual", price: "Classic", variant: "Beard", imageSrc: "http://img.b2bpic.net/free-photo/comfortable-black-white-home-interior-design-generated-by-ai_188544-29099.jpg"}, ]} title="The Clipper Club Look" description="Real cuts. Real clients. Real confidence." @@ -186,60 +132,15 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Mark D.", - date: "2024-05-12", - title: "Regular Client", - quote: "Best haircut in Durbanville, hands down.", - tag: "Verified", - avatarSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-elegantly-dressed-young-man-with-stylish-beard-hair-holding-hand-chin-looking-camera-studio-photo-against-dark-wall-background_613910-20287.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-barber-shop_23-2149141768.jpg?_wi=2", - imageAlt: "confident man groomed beard portrait", - }, + id: "1", name: "Mark D.", date: "2024-05-12", title: "Regular Client", quote: "Best haircut in Durbanville, hands down.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-elegantly-dressed-young-man-with-stylish-beard-hair-holding-hand-chin-looking-camera-studio-photo-against-dark-wall-background_613910-20287.jpg", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-barber-shop_23-2149141768.jpg", imageAlt: "confident man groomed beard portrait"}, { - id: "2", - name: "James L.", - date: "2024-04-10", - title: "Grooming Fan", - quote: "The hot towel shave is a game changer.", - tag: "Verified", - avatarSrc: "http://img.b2bpic.net/free-photo/young-joyful-blonde-male-barber-uniform-holds-hair-clipper-raises-fist-up-isolated-olive-green-space-with-copy-space_141793-60317.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/dog-lifestyle-care-with-owner_23-2149150804.jpg", - imageAlt: "confident man groomed beard portrait", - }, + id: "2", name: "James L.", date: "2024-04-10", title: "Grooming Fan", quote: "The hot towel shave is a game changer.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/young-joyful-blonde-male-barber-uniform-holds-hair-clipper-raises-fist-up-isolated-olive-green-space-with-copy-space_141793-60317.jpg", imageSrc: "http://img.b2bpic.net/free-photo/dog-lifestyle-care-with-owner_23-2149150804.jpg", imageAlt: "confident man groomed beard portrait"}, { - id: "3", - name: "Peter R.", - date: "2024-03-22", - title: "Local Resident", - quote: "Consistency every time I visit.", - tag: "Verified", - avatarSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-half-his-face_23-2148784406.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/man-getting-haircut-barbershop_23-2148506369.jpg", - imageAlt: "confident man groomed beard portrait", - }, + id: "3", name: "Peter R.", date: "2024-03-22", title: "Local Resident", quote: "Consistency every time I visit.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-half-his-face_23-2148784406.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-haircut-barbershop_23-2148506369.jpg", imageAlt: "confident man groomed beard portrait"}, { - id: "4", - name: "Dave H.", - date: "2024-02-15", - title: "Loyal Customer", - quote: "Top tier service from Renaldo and the team.", - tag: "Verified", - avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-guy-with-coat_23-2148248487.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326537.jpg?_wi=2", - imageAlt: "confident man groomed beard portrait", - }, + id: "4", name: "Dave H.", date: "2024-02-15", title: "Loyal Customer", quote: "Top tier service from Renaldo and the team.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-guy-with-coat_23-2148248487.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326537.jpg", imageAlt: "confident man groomed beard portrait"}, { - id: "5", - name: "Samuel B.", - date: "2024-01-20", - title: "Weekly Regular", - quote: "The shop atmosphere is perfect.", - tag: "Verified", - avatarSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/man-with-glass-liquor-barbershop_23-2147737089.jpg?_wi=2", - imageAlt: "confident man groomed beard portrait", - }, + id: "5", name: "Samuel B.", date: "2024-01-20", title: "Weekly Regular", quote: "The shop atmosphere is perfect.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-with-glass-liquor-barbershop_23-2147737089.jpg", imageAlt: "confident man groomed beard portrait"}, ]} title="What Our Clients Say" description="Join our local community in Durbanville." @@ -253,23 +154,14 @@ export default function LandingPage() { useInvertedBackground={false} metrics={[ { - id: "loc-1", - icon: MapPin, - title: "Location", - value: "Durbanville", - }, + id: "loc-1", icon: MapPin, + title: "Location", value: "Durbanville"}, { - id: "loc-2", - icon: Phone, - title: "Phone", - value: "065 862 8814", - }, + id: "loc-2", icon: Phone, + title: "Phone", value: "065 862 8814"}, { - id: "loc-3", - icon: Clock, - title: "Hours", - value: "8am - 6pm", - }, + id: "loc-3", icon: Clock, + title: "Hours", value: "8am - 6pm"}, ]} title="Visit Us" description="Located at The Village Square Centre." @@ -280,20 +172,15 @@ export default function LandingPage() { @@ -302,42 +189,27 @@ export default function LandingPage() {