Merge version_1 into main #2
189
src/app/page.tsx
189
src/app/page.tsx
@@ -17,31 +17,28 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Rstar Barbershop"
|
||||
/>
|
||||
@@ -51,98 +48,55 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Austin’s Finest Men’s Grooming"
|
||||
description="Experience premium cuts, beard trims, and hot towel shaves at Rstar Barbershop. Where classic tradition meets modern style."
|
||||
testimonials={[
|
||||
{
|
||||
name: "James R.",
|
||||
handle: "@jamesr",
|
||||
testimonial: "Best haircut I've had in Austin. Highly recommend the hot towel shave.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-holds-his-dog-paw-hand-looks-happy-concept-petfriendly-cafe-freelance-coworking-space_1258-314652.jpg",
|
||||
},
|
||||
name: "James R.", handle: "@jamesr", testimonial: "Best haircut I've had in Austin. Highly recommend the hot towel shave.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-holds-his-dog-paw-hand-looks-happy-concept-petfriendly-cafe-freelance-coworking-space_1258-314652.jpg"},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "@markd",
|
||||
testimonial: "Great atmosphere and skilled barbers. Definitely found my spot.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506366.jpg",
|
||||
},
|
||||
name: "Mark D.", handle: "@markd", testimonial: "Great atmosphere and skilled barbers. Definitely found my spot.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506366.jpg"},
|
||||
{
|
||||
name: "Robert S.",
|
||||
handle: "@roberts",
|
||||
testimonial: "Rstar consistently delivers clean fades and sharp styling.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-businessman-work_1098-13071.jpg",
|
||||
},
|
||||
name: "Robert S.", handle: "@roberts", testimonial: "Rstar consistently delivers clean fades and sharp styling.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-businessman-work_1098-13071.jpg"},
|
||||
{
|
||||
name: "Chris P.",
|
||||
handle: "@chrisp",
|
||||
testimonial: "Professional, welcoming, and meticulous. Rstar is the gold standard.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-man-wearing-leaning-against-rusty-colored-background_150588-67.jpg",
|
||||
},
|
||||
name: "Chris P.", handle: "@chrisp", testimonial: "Professional, welcoming, and meticulous. Rstar is the gold standard.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-man-wearing-leaning-against-rusty-colored-background_150588-67.jpg"},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@davidw",
|
||||
testimonial: "The attention to detail here is unmatched in downtown Austin.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-bearded-man_171337-4760.jpg",
|
||||
},
|
||||
name: "David W.", handle: "@davidw", testimonial: "The attention to detail here is unmatched in downtown Austin.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-bearded-man_171337-4760.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-hairstilyst-giving-haircut_23-2148506294.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-hairstilyst-giving-haircut_23-2148506294.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-portrait-senior-woman-making-fun-with-her-young-daughter-while-preparing-food_23-2148041562.jpg",
|
||||
alt: "happy customer portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-portrait-senior-woman-making-fun-with-her-young-daughter-while-preparing-food_23-2148041562.jpg", alt: "happy customer portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/family-car-salon-woman-buying-thecar-seat-little-african-girl-with-mther_1157-45043.jpg",
|
||||
alt: "satisfied grooming client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/family-car-salon-woman-buying-thecar-seat-little-african-girl-with-mther_1157-45043.jpg", alt: "satisfied grooming client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cute-puppy_23-2149304303.jpg",
|
||||
alt: "stylish male client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cute-puppy_23-2149304303.jpg", alt: "stylish male client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/funny-couple-playing-with-their-pet_1153-1494.jpg",
|
||||
alt: "professional grooming result",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/funny-couple-playing-with-their-pet_1153-1494.jpg", alt: "professional grooming result"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg",
|
||||
alt: "happy client after barber visit",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg", alt: "happy client after barber visit"},
|
||||
]}
|
||||
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 SCULPTING",
|
||||
},
|
||||
type: "text", text: "BEARD SCULPTING"},
|
||||
{
|
||||
type: "text",
|
||||
text: "MODERN STYLING",
|
||||
},
|
||||
type: "text", text: "MODERN STYLING"},
|
||||
{
|
||||
type: "text",
|
||||
text: "CLASSIC TRADITION",
|
||||
},
|
||||
type: "text", text: "CLASSIC TRADITION"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -164,19 +118,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Scissors,
|
||||
title: "Precision Cuts",
|
||||
description: "Classic and modern styling tailored specifically to your facial features and hair type.",
|
||||
},
|
||||
title: "Precision Cuts", description: "Classic and modern styling tailored specifically to your facial features and hair type."},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Beard Grooming",
|
||||
description: "Sculpting, shaping, and conditioning to keep your beard perfectly maintained.",
|
||||
},
|
||||
title: "Beard Grooming", description: "Sculpting, shaping, and conditioning to keep your beard perfectly maintained."},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Hot Towel Shave",
|
||||
description: "A relaxing, premium traditional shave experience that leaves your skin feeling smooth and revitalized.",
|
||||
},
|
||||
title: "Hot Towel Shave", description: "A relaxing, premium traditional shave experience that leaves your skin feeling smooth and revitalized."},
|
||||
]}
|
||||
title="Our Grooming Services"
|
||||
description="Comprehensive care for the modern man, ensuring you look sharp and feel your best."
|
||||
@@ -190,40 +138,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
groups={[
|
||||
{
|
||||
id: "barbers",
|
||||
groupTitle: "Expert Barbers",
|
||||
members: [
|
||||
id: "barbers", groupTitle: "Expert Barbers", members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Mike T.",
|
||||
subtitle: "Lead Barber",
|
||||
detail: "10+ years experience in precision fades.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-elegant-bearded-male-wearing-classic-waistcoat-slim-bow-tie_613910-1520.jpg",
|
||||
},
|
||||
id: "m1", title: "Mike T.", subtitle: "Lead Barber", detail: "10+ years experience in precision fades.", imageSrc: "http://img.b2bpic.net/free-photo/serious-elegant-bearded-male-wearing-classic-waistcoat-slim-bow-tie_613910-1520.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Leo V.",
|
||||
subtitle: "Master Stylist",
|
||||
detail: "Expert in modern grooming and beard design.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-child-hair-salon_23-2150462476.jpg",
|
||||
},
|
||||
id: "m2", title: "Leo V.", subtitle: "Master Stylist", detail: "Expert in modern grooming and beard design.", imageSrc: "http://img.b2bpic.net/free-photo/view-child-hair-salon_23-2150462476.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Sarah H.",
|
||||
subtitle: "Senior Barber",
|
||||
detail: "Specialist in classic scissor cuts and shaves.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unpleased-young-beautiful-female-barber-uniform-holding-hair-clipper-with-comb-isolated-green-background_141793-119384.jpg",
|
||||
},
|
||||
id: "m3", title: "Sarah H.", subtitle: "Senior Barber", detail: "Specialist in classic scissor cuts and shaves.", imageSrc: "http://img.b2bpic.net/free-photo/unpleased-young-beautiful-female-barber-uniform-holding-hair-clipper-with-comb-isolated-green-background_141793-119384.jpg"},
|
||||
{
|
||||
id: "m4",
|
||||
title: "Alex J.",
|
||||
subtitle: "Barber",
|
||||
detail: "Fresh talent focused on crisp lines and detail.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg",
|
||||
},
|
||||
id: "m4", title: "Alex J.", subtitle: "Barber", detail: "Fresh talent focused on crisp lines and detail.", imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-hairstilyst-giving-haircut_23-2148506294.jpg?_wi=2",
|
||||
imageAlt: "professional male barber portrait",
|
||||
},
|
||||
]}
|
||||
title="Meet the Rstar Crew"
|
||||
@@ -238,28 +162,17 @@ export default function LandingPage() {
|
||||
description="Ready for your next fresh cut? Reach out to schedule or ask any questions."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "service",
|
||||
type: "text",
|
||||
placeholder: "Desired Service",
|
||||
required: false,
|
||||
name: "service", type: "text", placeholder: "Desired Service", required: false,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Any special requests or preferred timing?",
|
||||
required: false,
|
||||
name: "message", placeholder: "Any special requests or preferred timing?", required: false,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/unpleased-looking-side-slavic-middle-aged-male-barber-uniform-holding-barber-tools-raising-hand-isolated-purple-wall_141793-90047.jpg"
|
||||
/>
|
||||
@@ -269,13 +182,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Rstar Barbershop"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "© 2024 Rstar Barbershop Austin",
|
||||
href: "#",
|
||||
}}
|
||||
text: "© 2024 Rstar Barbershop Austin", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user