Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
@@ -13,16 +13,16 @@ import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="none"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
@@ -42,34 +42,33 @@ export default function LandingPage() {
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardGallery
|
||||
title="Vivian's Salon"
|
||||
description="Professional Hair Coloring, Styling & Haircuts in San Jose"
|
||||
title="Vivian's Salon: Where Beauty Blossoms"
|
||||
description="Experience unparalleled luxury and personalized hair artistry in San Jose. Elevate your style with our expert colorists and stylists."
|
||||
background={{ variant: "plain" }}
|
||||
buttons={[
|
||||
{ text: "Book Appointment", href: "#contact" },
|
||||
{ text: "Call Now", href: "tel:+14087281861" }
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vintage-room-with-wooden-table_1203-564.jpg", imageAlt: "Luxurious salon interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-taking-care-her-client_23-2149319772.jpg", imageAlt: "Stylist working on client's hair" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-make-up-artist-putting-make-up-himself_23-2150166094.jpg", imageAlt: "Happy client with new haircut" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-drying-woman39s-hair_657883-585.jpg", imageAlt: "Hair coloring process" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/sensual-glamour-portrait-beautiful-blond-woman-model-lady-with-fresh-daily-makeup-with-pink-lips-color-clean-healthy-skin_158538-14293.jpg", imageAlt: "Elegant updo hairstyle" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/winter-sports-equipment-complex_482257-76748.jpg", imageAlt: "Modern salon reception area" }
|
||||
{ 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" }
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardMedia
|
||||
title="Our Signature Services"
|
||||
description="Experience unparalleled care and expertise with our range of specialized hair services, tailored to bring out your best look."
|
||||
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: "Precision Haircuts", description: "From classic trims to modern styles, our expert stylists deliver a perfect cut every time.", tag: "Style", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665403.jpg", imageAlt: "Precision haircut" },
|
||||
{ id: "coloring", title: "Vibrant Hair Coloring", description: "Transform your look with our professional coloring services, using high-quality products for stunning results.", tag: "Color", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668436.jpg", imageAlt: "Vibrant hair coloring" },
|
||||
{ id: "highlights", title: "Custom Highlights", description: "Add dimension and brilliance with custom highlights, balayage, and babylights designed just for you.", tag: "Dimension", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-cute-blond-teenager-model-without-makeup-summer-hipster-white-dress-clothes-posing-street-background-sunglights-face_158538-12805.jpg", imageAlt: "Custom highlights" },
|
||||
{ id: "hairstyling", title: "Elegant Hairstyling", description: "Perfect for any occasion, from a casual blow-dry to sophisticated updos, we create memorable styles.", tag: "Occasion", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hair-process-keratin-treatment_23-2149332450.jpg", imageAlt: "Elegant hairstyling" },
|
||||
{ id: "event-prom", title: "Event & Prom Hair", description: "Look your absolute best for your special events with our tailored prom and event hairstyling services.", tag: "Special Event", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-bride_1153-514.jpg", imageAlt: "Event and prom hair" }
|
||||
{ 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" }
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -78,15 +77,15 @@ export default function LandingPage() {
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
title="About Vivian's Salon"
|
||||
description="Vivian's Salon is your friendly local destination in San Jose for personalized hair care. Our experienced stylists are dedicated to crafting the perfect look for you in a warm, family-friendly atmosphere. We believe everyone deserves to feel beautiful and confident, which is why we offer bespoke consultations and services that truly listen to your needs. Come experience the difference of a salon that cares."
|
||||
title="The Vivian's Salon Difference"
|
||||
description="At Vivian's Salon, we blend artistry with personalized care, creating a sanctuary where beauty flourishes. Our team of master stylists is dedicated to providing an exclusive experience, using only the finest products to ensure your hair's health and stunning results. We believe in enhancing your inherent elegance and confidence."
|
||||
metrics={[
|
||||
{ value: "10+", title: "Years Experience" },
|
||||
{ value: "500+", title: "Happy Clients" },
|
||||
{ value: "5", title: "Expert Stylists" }
|
||||
{ value: "10+", title: "Years of Master Craftsmanship" },
|
||||
{ value: "500+", title: "Delighted Clientele" },
|
||||
{ value: "5", title: "Elite Stylists" }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-customer-talking-hair-salon_329181-1940.jpg"
|
||||
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="Vivian's Salon interior"
|
||||
mediaAnimation="opacity"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -94,15 +93,15 @@ export default function LandingPage() {
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardFour
|
||||
title="Our Latest Creations"
|
||||
description="A showcase of our passion for beautiful hair. Explore some of our favorite styles and transformations, capturing the artistry of our talented stylists."
|
||||
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: "Chic Bob Cut", price: "", variant: "", imageSrc: "http://img.b2bpic.net/free-photo/close-up-inside-portrait-adorable-lovely-woman-with-dark-lipstick-posing-studio_291650-430.jpg", imageAlt: "Chic short bob haircut" },
|
||||
{ id: "g2", name: "Golden Balayage", price: "", variant: "", imageSrc: "http://img.b2bpic.net/free-photo/blondie-pegnant-female-waiting-baby-posing-dark-studio-gray-silk-dress-with-hand-up-looking-camera-elegant-future-mother-expacting-her-baby-expextancy-motherhood-stylish-look_132075-11633.jpg", imageAlt: "Long wavy hair with golden balayage" },
|
||||
{ id: "g3", name: "Vibrant Red", price: "", variant: "", imageSrc: "http://img.b2bpic.net/free-photo/attractive-redhead-girl-asks-keeps-secret_197531-23288.jpg", imageAlt: "Vibrant red hair color" },
|
||||
{ id: "g4", name: "Classic Gent's Cut", price: "", variant: "", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-traveler-male-dressed-fleece-shirt-wild-park-background_613910-12816.jpg", imageAlt: "Classic men's haircut" },
|
||||
{ id: "g5", name: "Braided Updo", price: "", variant: "", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-elegant-woman-brunette-girl-perfect-make-up_158595-1868.jpg", imageAlt: "Intricate braided updo" },
|
||||
{ id: "g6", name: "Long Layered Look", price: "", variant: "", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-posing-white-wall_1153-6565.jpg", imageAlt: "Long layered 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", 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" }
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -112,14 +111,14 @@ export default function LandingPage() {
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardOne
|
||||
title="What Our Clients Say"
|
||||
description="Hear directly from our happy customers who love their experience and results at Vivian's Salon. Your satisfaction is our greatest reward."
|
||||
title="Client Praises for Vivian's Salon"
|
||||
description="Read what our cherished clients have to say about their luxurious experiences and stunning transformations at our salon. Your satisfaction is our greatest reward."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Johnson", role: "Client", company: "Vivian's Salon", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-speaking-phone_23-2147779739.jpg", imageAlt: "Sarah Johnson" },
|
||||
{ id: "2", name: "Michael Chen", role: "Client", company: "Vivian's Salon", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-shirt-looking-front-amazed-surprised-with-hand-near-cheek-standing-pink-wall_141793-71992.jpg", imageAlt: "Michael Chen" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Client", company: "Vivian's Salon", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-businessstyle-clothes_78826-2210.jpg", imageAlt: "Emily Rodriguez" },
|
||||
{ id: "4", name: "David Kim", role: "Client", company: "Vivian's Salon", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-charming-delighted-cute-female-customer-give-positive-feedback-show-thumbsup-like-gesture_1258-254022.jpg", imageAlt: "David Kim" },
|
||||
{ id: "5", name: "Jessica Lee", role: "Client", company: "Vivian's Salon", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-girl-sitting-chair_8353-5343.jpg", imageAlt: "Jessica Lee" }
|
||||
{ id: "1", name: "Eleanor Vance", role: "Client", company: "Vivian's Salon", rating: 5, imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29329?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Eleanor Vance" },
|
||||
{ id: "2", name: "Sophia Reynolds", role: "Client", company: "Vivian's Salon", rating: 5, imageSrc: "https://images.unsplash.com/photo-1507003211169-e695f6c8d19e?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Sophia Reynolds" },
|
||||
{ id: "3", name: "Isabella Rossi", role: "Client", company: "Vivian's Salon", rating: 5, imageSrc: "https://images.unsplash.com/photo-1544005313-94ddf0286df2?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Isabella Rossi" },
|
||||
{ id: "4", name: "Genevieve Dubois", role: "Client", company: "Vivian's Salon", rating: 5, imageSrc: "https://images.unsplash.com/photo-1502444330042-d11ea1a04330?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Genevieve Dubois" },
|
||||
{ id: "5", name: "Amelia Hayes", role: "Client", company: "Vivian's Salon", rating: 5, imageSrc: "https://images.unsplash.com/photo-1544725176-7c40e5a71c5e?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Amelia Hayes" }
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
@@ -130,9 +129,9 @@ export default function LandingPage() {
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Visit Us"
|
||||
title="Book Your Transformation Today"
|
||||
description="Ready for a new look? Book an appointment online or give us a call! We're located at 195 Blossom Hill Rd Lot 187, San Jose, CA 95123. Call us at (408) 728-1861. Business Hours: Mon-Sat 9 AM - 6 PM, Sun Closed. [View on Google Maps: https://maps.app.goo.gl/vivianssalon (placeholder link)]"
|
||||
tag="Connect with Us"
|
||||
title="Schedule Your Luxury Salon Experience"
|
||||
description="Ready to redefine your style? Book your appointment online or call us directly. Find us at 195 Blossom Hill Rd Lot 187, San Jose, CA 95123. Call: (408) 728-1861. Business Hours: Mon-Sat 9 AM - 6 PM. Sunday Closed. Visit us on Google Maps for directions: https://maps.app.goo.gl/vivianssalon"
|
||||
buttons={[
|
||||
{ text: "Book Appointment", href: "#" },
|
||||
{ text: "Call Now", href: "tel:+14087281861" }
|
||||
@@ -149,9 +148,9 @@ export default function LandingPage() {
|
||||
{ title: "Connect", items: [{ label: "Instagram", href: "https://www.instagram.com/vivianssalon" }, { label: "Facebook", href: "https://www.facebook.com/vivianssalon" }, { label: "Yelp", href: "https://www.yelp.com/biz/vivianssalon" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Vivian's Salon. All rights reserved."
|
||||
bottomRightText="Made with love in San Jose."
|
||||
bottomRightText="Crafted with elegance in San Jose."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f6f0e9;
|
||||
--card: #efe7dd;
|
||||
--foreground: #2b180a;
|
||||
--primary-cta: #2b180a;
|
||||
--primary-cta-text: #f6f0e9;
|
||||
--secondary-cta: #efe7dd;
|
||||
--secondary-cta-text: #2b180a;
|
||||
--accent: #94877c;
|
||||
--background-accent: #afa094;
|
||||
--background: #efebe5;
|
||||
--card: #f7f2ea;
|
||||
--foreground: #000000;
|
||||
--primary-cta: #000000;
|
||||
--primary-cta-text: #efebe5;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #000000;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #e1b875;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user