Merge version_1 into main #2
113
src/app/page.tsx
113
src/app/page.tsx
@@ -21,7 +21,7 @@ export default function LandingPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmall"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -48,7 +48,7 @@ export default function LandingPage() {
|
||||
tag="4.9★ Rating from 1,286+ Reviews"
|
||||
tagIcon={Star}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "aurora" }}
|
||||
background={{ variant: "plain" }}
|
||||
buttons={[
|
||||
{ text: "Book Your Appointment", href: "contact" },
|
||||
{ text: "Call Now", href: "tel:(830) 387-4341" },
|
||||
@@ -56,15 +56,20 @@ export default function LandingPage() {
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230930.jpg?_wi=1", imageAlt: "The Foundry Salon Interior"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230930.jpg", imageAlt: "The Foundry Salon Interior"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-hair-client_23-2147778763.jpg?_wi=1", imageAlt: "Expert Haircut Services"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-hair-client_23-2147778763.jpg", imageAlt: "Expert Haircut Services"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-mixing-hair-dye-bowl_23-2149167378.jpg?_wi=1", imageAlt: "Professional Hair Coloring"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-mixing-hair-dye-bowl_23-2149167378.jpg", imageAlt: "Professional Hair Coloring"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-posing-with-black-background_1122-935.jpg?_wi=1", imageAlt: "Beautiful Hair Highlights"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-posing-with-black-background_1122-935.jpg", imageAlt: "Beautiful Hair Highlights"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-standing-looking-away-isolated-gray-wall_114579-55343.jpg?_wi=1", imageAlt: "Hair Transformation Results"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-standing-looking-away-isolated-gray-wall_114579-55343.jpg", imageAlt: "Hair Transformation Results"
|
||||
},
|
||||
]}
|
||||
className="min-h-screen"
|
||||
containerClassName="px-4 md:px-8"
|
||||
@@ -86,18 +91,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "Exceptional Stylist Skills", quote: "Sarah has been my stylist for 3 years. She listens to what I want and delivers every single time. The quality is unmatched in this area.", name: "Jennifer Martinez", role: "Regular Client", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cheerful-manager-sunny-day_1139-417.jpg", imageAlt: "Jennifer Martinez"},
|
||||
id: "1", title: "Exceptional Stylist Skills", quote: "Sarah has been my stylist for 3 years. She listens to what I want and delivers every single time. The quality is unmatched in this area.", name: "Jennifer Martinez", role: "Regular Client", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cheerful-manager-sunny-day_1139-417.jpg", imageAlt: "Jennifer Martinez"
|
||||
},
|
||||
{
|
||||
id: "2", title: "Welcoming & Relaxing Atmosphere", quote: "The moment I walk in, I feel welcomed. The free coffee and wine, the friendly staff—it's more than just a salon visit, it's an experience.", name: "Michael Thompson", role: "First-Time Visitor", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-confident-young-businesswoman_23-2147943798.jpg", imageAlt: "Michael Thompson"},
|
||||
id: "2", title: "Welcoming & Relaxing Atmosphere", quote: "The moment I walk in, I feel welcomed. The free coffee and wine, the friendly staff—it's more than just a salon visit, it's an experience.", name: "Michael Thompson", role: "First-Time Visitor", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-confident-young-businesswoman_23-2147943798.jpg", imageAlt: "Michael Thompson"
|
||||
},
|
||||
{
|
||||
id: "3", title: "Amazing Color Work", quote: "I've tried salons all over San Antonio. The Foundry's color specialists are in a league of their own. My highlights look natural and vibrant.", name: "Ashley Chen", role: "Color & Highlight Client", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-happy-corporate-woman-suit-stands-street-smiles-poses-near-office-bu_1258-119148.jpg", imageAlt: "Ashley Chen"},
|
||||
id: "3", title: "Amazing Color Work", quote: "I've tried salons all over San Antonio. The Foundry's color specialists are in a league of their own. My highlights look natural and vibrant.", name: "Ashley Chen", role: "Color & Highlight Client", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-happy-corporate-woman-suit-stands-street-smiles-poses-near-office-bu_1258-119148.jpg", imageAlt: "Ashley Chen"
|
||||
},
|
||||
{
|
||||
id: "4", title: "Found My Stylist", quote: "I was nervous about switching salons, but the team made me feel at home immediately. Mark cuts my hair perfectly every time.", name: "Rebecca Williams", role: "Loyal Client", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-chinese-lady-recording-voice-message_1262-18163.jpg", imageAlt: "Rebecca Williams"},
|
||||
id: "4", title: "Found My Stylist", quote: "I was nervous about switching salons, but the team made me feel at home immediately. Mark cuts my hair perfectly every time.", name: "Rebecca Williams", role: "Loyal Client", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-chinese-lady-recording-voice-message_1262-18163.jpg", imageAlt: "Rebecca Williams"
|
||||
},
|
||||
]}
|
||||
className="py-20"
|
||||
containerClassName="px-4 md:px-8"
|
||||
titleClassName="text-4xl md:text-5xl font-bold"
|
||||
descriptionClassName="text-lg text-foreground/70 mt-4"
|
||||
textBoxTitleClassName="text-4xl md:text-5xl font-bold"
|
||||
textBoxDescriptionClassName="text-lg text-foreground/70 mt-4"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -116,31 +125,40 @@ export default function LandingPage() {
|
||||
{
|
||||
title: "Haircuts", description: "Expert cuts tailored to your face shape and style preferences. Men's cuts, women's cuts, and everything in between.", bentoComponent: "media-stack", items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-hair-client_23-2147778763.jpg?_wi=2", imageAlt: "Professional Haircut"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-hair-client_23-2147778763.jpg", imageAlt: "Professional Haircut"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing_1303-3780.jpg?_wi=1", imageAlt: "Haircut Transformation"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing_1303-3780.jpg", imageAlt: "Haircut Transformation"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-blond-bearded-male-dressed-suit-sunglasses_613910-11921.jpg?_wi=1", imageAlt: "Men's Haircut"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-blond-bearded-male-dressed-suit-sunglasses_613910-11921.jpg", imageAlt: "Men's Haircut"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hair Coloring", description: "Full color, root touch-ups, and custom color consultations. From subtle tones to bold statements.", bentoComponent: "media-stack", items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-mixing-hair-dye-bowl_23-2149167378.jpg?_wi=2", imageAlt: "Hair Coloring Service"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-mixing-hair-dye-bowl_23-2149167378.jpg", imageAlt: "Hair Coloring Service"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-getting-her-hair-straightened-by-hairdresser-home_23-2148817237.jpg?_wi=1", imageAlt: "Color Transformation"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-getting-her-hair-straightened-by-hairdresser-home_23-2148817237.jpg", imageAlt: "Color Transformation"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-standing-looking-away-isolated-gray-wall_114579-55343.jpg?_wi=2", imageAlt: "Hair Color Results"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-standing-looking-away-isolated-gray-wall_114579-55343.jpg", imageAlt: "Hair Color Results"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Highlights & Balayage", description: "Dimensional, sun-kissed highlights and hand-painted balayage for a naturally beautiful look.", bentoComponent: "media-stack", items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-posing-with-black-background_1122-935.jpg?_wi=2", imageAlt: "Hair Highlights"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-posing-with-black-background_1122-935.jpg", imageAlt: "Hair Highlights"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230943.jpg?_wi=1", imageAlt: "Highlight Results"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230943.jpg", imageAlt: "Highlight Results"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-standing-looking-away-isolated-gray-wall_114579-55343.jpg?_wi=3", imageAlt: "Balayage Highlights"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-standing-looking-away-isolated-gray-wall_114579-55343.jpg", imageAlt: "Balayage Highlights"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
@@ -149,8 +167,8 @@ export default function LandingPage() {
|
||||
]}
|
||||
className="py-20"
|
||||
containerClassName="px-4 md:px-8"
|
||||
titleClassName="text-4xl md:text-5xl font-bold"
|
||||
descriptionClassName="text-lg text-foreground/70 mt-4"
|
||||
textBoxTitleClassName="text-4xl md:text-5xl font-bold"
|
||||
textBoxDescriptionClassName="text-lg text-foreground/70 mt-4"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -161,13 +179,14 @@ export default function LandingPage() {
|
||||
tag="Our Difference"
|
||||
tagIcon={Check}
|
||||
tagAnimation="opacity"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230930.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230930.jpg"
|
||||
imageAlt="The Foundry Salon Welcoming Interior"
|
||||
buttons={[{ text: "Schedule Now", href: "contact" }]}
|
||||
buttonAnimation="opacity"
|
||||
useInvertedBackground={true}
|
||||
className="py-20"
|
||||
containerClassName="px-4 md:px-8"
|
||||
textBoxClassName=""
|
||||
titleClassName="text-4xl md:text-5xl font-bold"
|
||||
descriptionClassName="text-lg text-foreground/70 mt-4"
|
||||
/>
|
||||
@@ -180,13 +199,17 @@ export default function LandingPage() {
|
||||
tagAnimation="opacity"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "4.9★", description: "Average rating from 1,286+ verified Google reviews. Our commitment to excellence is proven by our clients."},
|
||||
id: "1", value: "4.9★", description: "Average rating from 1,286+ verified Google reviews. Our commitment to excellence is proven by our clients."
|
||||
},
|
||||
{
|
||||
id: "2", value: "15+", description: "Years of combined expertise from our master stylists, ensuring quality cuts and color every single time."},
|
||||
id: "2", value: "15+", description: "Years of combined expertise from our master stylists, ensuring quality cuts and color every single time."
|
||||
},
|
||||
{
|
||||
id: "3", value: "100%", description: "Client satisfaction guarantee. Free consultations and honest recommendations to get the look you want."},
|
||||
id: "3", value: "100%", description: "Client satisfaction guarantee. Free consultations and honest recommendations to get the look you want."
|
||||
},
|
||||
{
|
||||
id: "4", value: "Open Until 8PM", description: "Evening appointments available. We work around your schedule for your convenience."},
|
||||
id: "4", value: "Open Until 8PM", description: "Evening appointments available. We work around your schedule for your convenience."
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -212,24 +235,29 @@ export default function LandingPage() {
|
||||
products={[
|
||||
{
|
||||
id: "1", brand: "Color Transformation", name: "Brunette to Blonde Highlights", price: "Starting at $120", rating: 5,
|
||||
reviewCount: "50+", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-standing-looking-away-isolated-gray-wall_114579-55343.jpg?_wi=4", imageAlt: "Blonde Highlights Transformation"},
|
||||
reviewCount: "50+", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-standing-looking-away-isolated-gray-wall_114579-55343.jpg", imageAlt: "Blonde Highlights Transformation"
|
||||
},
|
||||
{
|
||||
id: "2", brand: "Cut Transformation", name: "Modern Bob Makeover", price: "Starting at $65", rating: 5,
|
||||
reviewCount: "45+", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing_1303-3780.jpg?_wi=2", imageAlt: "Bob Cut Transformation"},
|
||||
reviewCount: "45+", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing_1303-3780.jpg", imageAlt: "Bob Cut Transformation"
|
||||
},
|
||||
{
|
||||
id: "3", brand: "Styling", name: "Textured Waves Styling", price: "Starting at $45", rating: 5,
|
||||
reviewCount: "38+", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230943.jpg?_wi=2", imageAlt: "Textured Waves Results"},
|
||||
reviewCount: "38+", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230943.jpg", imageAlt: "Textured Waves Results"
|
||||
},
|
||||
{
|
||||
id: "4", brand: "Color Correction", name: "Dark to Light Hair Color", price: "Starting at $150", rating: 5,
|
||||
reviewCount: "52+", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-getting-her-hair-straightened-by-hairdresser-home_23-2148817237.jpg?_wi=2", imageAlt: "Hair Color Correction"},
|
||||
reviewCount: "52+", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-getting-her-hair-straightened-by-hairdresser-home_23-2148817237.jpg", imageAlt: "Hair Color Correction"
|
||||
},
|
||||
{
|
||||
id: "5", brand: "Men's Cuts", name: "Professional Fade Cut", price: "Starting at $35", rating: 5,
|
||||
reviewCount: "48+", imageSrc: "http://img.b2bpic.net/free-photo/stylish-blond-bearded-male-dressed-suit-sunglasses_613910-11921.jpg?_wi=2", imageAlt: "Men's Fade Haircut"},
|
||||
reviewCount: "48+", imageSrc: "http://img.b2bpic.net/free-photo/stylish-blond-bearded-male-dressed-suit-sunglasses_613910-11921.jpg", imageAlt: "Men's Fade Haircut"
|
||||
},
|
||||
]}
|
||||
className="py-20"
|
||||
containerClassName="px-4 md:px-8"
|
||||
titleClassName="text-4xl md:text-5xl font-bold"
|
||||
descriptionClassName="text-lg text-foreground/70 mt-4"
|
||||
textBoxTitleClassName="text-4xl md:text-5xl font-bold"
|
||||
textBoxDescriptionClassName="text-lg text-foreground/70 mt-4"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -246,16 +274,19 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
members={[
|
||||
{
|
||||
id: "1", name: "Sarah Martinez", role: "Master Stylist & Color Specialist", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-beautiful-female-barber-uniform-holding-barber-tools-isolated-pink-wall_141793-106141.jpg", imageAlt: "Sarah Martinez"},
|
||||
id: "1", name: "Sarah Martinez", role: "Master Stylist & Color Specialist", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-beautiful-female-barber-uniform-holding-barber-tools-isolated-pink-wall_141793-106141.jpg", imageAlt: "Sarah Martinez"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Mark Thompson", role: "Expert Barber & Men's Cuts", imageSrc: "http://img.b2bpic.net/free-photo/this-is-so-cute-portrait-attractive-unshaven-young-male-with-muscular-tattoo-body-crossing-arms-his-chest-smiling-being-touched-by-something-expressing-distrust-suspicion-doubt_343059-1710.jpg", imageAlt: "Mark Thompson"},
|
||||
id: "2", name: "Mark Thompson", role: "Expert Barber & Men's Cuts", imageSrc: "http://img.b2bpic.net/free-photo/this-is-so-cute-portrait-attractive-unshaven-young-male-with-muscular-tattoo-body-crossing-arms-his-chest-smiling-being-touched-by-something-expressing-distrust-suspicion-doubt_343059-1710.jpg", imageAlt: "Mark Thompson"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Jessica Lopez", role: "Color Correction Specialist", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-outdoor_624325-50.jpg", imageAlt: "Jessica Lopez"},
|
||||
id: "3", name: "Jessica Lopez", role: "Color Correction Specialist", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-outdoor_624325-50.jpg", imageAlt: "Jessica Lopez"
|
||||
},
|
||||
]}
|
||||
className="py-20"
|
||||
containerClassName="px-4 md:px-8"
|
||||
titleClassName="text-4xl md:text-5xl font-bold"
|
||||
descriptionClassName="text-lg text-foreground/70 mt-4"
|
||||
textBoxTitleClassName="text-4xl md:text-5xl font-bold"
|
||||
textBoxDescriptionClassName="text-lg text-foreground/70 mt-4"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user