diff --git a/src/app/page.tsx b/src/app/page.tsx index 08f5ce2..2567d06 100644 --- a/src/app/page.tsx +++ b/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" /> @@ -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" /> @@ -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" /> @@ -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" />