Update src/app/page.tsx
This commit is contained in:
@@ -50,12 +50,12 @@ export default function LandingPage() {
|
||||
{ text: "Call Now", href: "tel:+14087281861" }
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1616198904947-a8a2d21f8a8b?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Luxurious salon interior" },
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1617196036329-87c293673f32?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Stylist working on client's hair" },
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1621609764095-b3293557e0f6?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Client smiling after hair treatment" },
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1616198813955-fc34e5659779?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Modern salon waiting area" },
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1596465492211-57d6b38c0f5f?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Hair drying in salon" },
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1603517228818-db801ee03ff6?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Hair styling products" }
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1616198904947-a8a2d21f8a8b?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=1", imageAlt: "Luxurious salon interior" },
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1617196036329-87c293673f32?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=1", imageAlt: "Stylist working on client's hair" },
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1621609764095-b3293557e0f6?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=1", imageAlt: "Client smiling after hair treatment" },
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1616198813955-fc34e5659779?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=1", imageAlt: "Modern salon waiting area" },
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1596465492211-57d6b38c0f5f?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=1", imageAlt: "Hair drying in salon" },
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1603517228818-db801ee03ff6?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=1", imageAlt: "Hair styling products" }
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
@@ -65,10 +65,10 @@ export default function LandingPage() {
|
||||
title="Our Exquisite Salon Services"
|
||||
description="Indulge in a curated selection of premium hair treatments, styling, and coloring services, each designed to perfect your look."
|
||||
features={[
|
||||
{ id: "haircuts", title: "Signature Haircuts & Styling", description: "From precision cuts to bespoke styling, our artists craft looks that define elegance and enhance your natural beauty.", tag: "Style", imageSrc: "https://images.unsplash.com/photo-1621609764095-b3293557e0f6?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Precision haircut" },
|
||||
{ id: "coloring", title: "Masterful Color & Highlights", description: "Discover stunning transformations with our expert colorists, specializing in balayage, highlights, and custom color formulations.", tag: "Color", imageSrc: "https://images.unsplash.com/photo-1616198813955-fc34e5659779?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Vibrant hair coloring" },
|
||||
{ id: "treatment", title: "Revitalizing Hair Treatments", description: "Restore health and radiance to your hair with our luxurious deep conditioning and restorative treatments.", tag: "Care", imageSrc: "https://images.unsplash.com/photo-1596465492211-57d6b38c0f5f?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Revitalizing hair treatment" },
|
||||
{ id: "bridal", title: "Exquisite Bridal & Event Styling", description: "Look breathtaking on your special day with our bridal and event styling services, designed for unforgettable moments.", tag: "Occasion", imageSrc: "https://images.unsplash.com/photo-1608677610531-97b770515159?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Elegant bridal hairstyling" }
|
||||
{ id: "haircuts", title: "Signature Haircuts & Styling", description: "From precision cuts to bespoke styling, our artists craft looks that define elegance and enhance your natural beauty.", tag: "Style", imageSrc: "https://images.unsplash.com/photo-1621609764095-b3293557e0f6?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=2", imageAlt: "Precision haircut" },
|
||||
{ id: "coloring", title: "Masterful Color & Highlights", description: "Discover stunning transformations with our expert colorists, specializing in balayage, highlights, and custom color formulations.", tag: "Color", imageSrc: "https://images.unsplash.com/photo-1616198813955-fc34e5659779?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=2", imageAlt: "Vibrant hair coloring" },
|
||||
{ id: "treatment", title: "Revitalizing Hair Treatments", description: "Restore health and radiance to your hair with our luxurious deep conditioning and restorative treatments.", tag: "Care", imageSrc: "https://images.unsplash.com/photo-1596465492211-57d6b38c0f5f?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=2", imageAlt: "Revitalizing hair treatment" },
|
||||
{ id: "bridal", title: "Exquisite Bridal & Event Styling", description: "Look breathtaking on your special day with our bridal and event styling services, designed for unforgettable moments.", tag: "Occasion", imageSrc: "https://images.unsplash.com/photo-1608677610531-97b770515159?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=1", imageAlt: "Elegant bridal hairstyling" }
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -85,7 +85,7 @@ export default function LandingPage() {
|
||||
{ value: "5", title: "Elite Stylists" }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://images.unsplash.com/photo-1616198904947-a8a2d21f8a8b?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
|
||||
imageSrc="https://images.unsplash.com/photo-1616198904947-a8a2d21f8a8b?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=2"
|
||||
imageAlt="Vivian's Salon interior"
|
||||
mediaAnimation="opacity"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -96,12 +96,12 @@ export default function LandingPage() {
|
||||
title="Our Gallery of Transformations"
|
||||
description="Explore the artistry and precision of Vivian's Salon. A curated collection of our finest work, showcasing diverse styles, colors, and the magic we create."
|
||||
products={[
|
||||
{ id: "g1", name: "Elegant Updo", price: "", variant: "", imageSrc: "https://images.unsplash.com/photo-1608677610531-97b770515159?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Elegant braided updo" },
|
||||
{ id: "g2", name: "Silken Balayage", price: "", variant: "", imageSrc: "https://images.unsplash.com/photo-1617196036329-87c293673f32?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Long wavy hair with silken balayage" },
|
||||
{ id: "g3", name: "Classic Blonde Highlights", price: "", variant: "", imageSrc: "https://images.unsplash.com/photo-1603517228818-db801ee03ff6?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Classic blonde highlights" },
|
||||
{ id: "g4", name: "Modern Bob", price: "", variant: "", imageSrc: "https://images.unsplash.com/photo-1596465492211-57d6b38c0f5f?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Chic short bob haircut" },
|
||||
{ id: "g5", name: "Rich Brunette Waves", price: "", variant: "", imageSrc: "https://images.unsplash.com/photo-1616198904947-a8a2d21f8a8b?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Rich brunette wavy hair" },
|
||||
{ id: "g6", name: "Short Textured Cut", price: "", variant: "", imageSrc: "https://images.unsplash.com/photo-1621609764095-b3293557e0f6?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Short textured haircut" }
|
||||
{ id: "g1", name: "Elegant Updo", price: "", variant: "", imageSrc: "https://images.unsplash.com/photo-1608677610531-97b770515159?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=2", imageAlt: "Elegant braided updo" },
|
||||
{ id: "g2", name: "Silken Balayage", price: "", variant: "", imageSrc: "https://images.unsplash.com/photo-1617196036329-87c293673f32?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=2", imageAlt: "Long wavy hair with silken balayage" },
|
||||
{ id: "g3", name: "Classic Blonde Highlights", price: "", variant: "", imageSrc: "https://images.unsplash.com/photo-1603517228818-db801ee03ff6?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=2", imageAlt: "Classic blonde highlights" },
|
||||
{ id: "g4", name: "Modern Bob", price: "", variant: "", imageSrc: "https://images.unsplash.com/photo-1596465492211-57d6b38c0f5f?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=3", imageAlt: "Chic short bob haircut" },
|
||||
{ id: "g5", name: "Rich Brunette Waves", price: "", variant: "", imageSrc: "https://images.unsplash.com/photo-1616198904947-a8a2d21f8a8b?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=3", imageAlt: "Rich brunette wavy hair" },
|
||||
{ id: "g6", name: "Short Textured Cut", price: "", variant: "", imageSrc: "https://images.unsplash.com/photo-1621609764095-b3293557e0f6?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=3", imageAlt: "Short textured haircut" }
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
|
||||
Reference in New Issue
Block a user