216 lines
11 KiB
TypeScript
216 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="largeSizeMediumTitles"
|
|
background="blurBottom"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Services", id: "services"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Testimonials", id: "testimonials"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Vidhuzz"
|
|
button={{
|
|
text: "Book Now", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
title="Unleash Your True Beauty"
|
|
description="Premium Hair, Makeup & Skin Services in Coimbatore. Discover a sanctuary where elegance meets expertise."
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-arrangement-with-nail-polish-make-up-brush_23-2148299547.jpg", imageAlt: "Model portrait"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-expressive-woman-posing_23-2149190711.jpg", imageAlt: "Makeup look"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-cup-with-clipboard-white-background-high-quality-photo_114579-61160.jpg", imageAlt: "Hairstyle"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-cosmetologist-making-beauty-procedures_1303-26010.jpg", imageAlt: "Skincare"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-vector/ornamental-background-design_1115-505.jpg", imageAlt: "Beauty lounge"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fascinating-girl-holding-green-leaf-standing-with-eyes-closed-fashionable-relaxed-woman-enjoying-indoor-photoshoot_197531-14066.jpg", imageAlt: "Glow skin"},
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fascinating-girl-holding-green-leaf-standing-with-eyes-closed-fashionable-relaxed-woman-enjoying-indoor-photoshoot_197531-14066.jpg", imageAlt: "Skin glow"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-vector/ornamental-background-design_1115-505.jpg", imageAlt: "Lounge view"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-cosmetologist-making-beauty-procedures_1303-26010.jpg", imageAlt: "Skin prep"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-cup-with-clipboard-white-background-high-quality-photo_114579-61160.jpg", imageAlt: "Hair styling"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-expressive-woman-posing_23-2149190711.jpg", imageAlt: "Elegant makeup"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-arrangement-with-nail-polish-make-up-brush_23-2148299547.jpg", imageAlt: "Stunning model"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Book Appointment", href: "#contact"},
|
|
{
|
|
text: "View Services", href: "#services"},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-smiley-businesswoman-indoors-with-arms-closed_23-2148824828.jpg", alt: "Client 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg", alt: "Client 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-cozy-office_23-2149739353.jpg", alt: "Client 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/beautiful-adult-women-working-together_23-2148461457.jpg", alt: "Client 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-smiley-businesswoman-indoors-with-arms-closed_23-2148824828.jpg", alt: "Client 5"},
|
|
]}
|
|
avatarText="Loved by 500+ happy clients"
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Certified Experts"},
|
|
{
|
|
type: "text", text: "Premium Products"},
|
|
{
|
|
type: "text", text: "100% Satisfaction"},
|
|
{
|
|
type: "text", text: "Customized Rituals"},
|
|
{
|
|
type: "text", text: "Luxurious Ambiance"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardEight
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Haircuts & Styling", description: "Precision cuts and luxury styling for modern, healthy hair.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-20492.jpg"},
|
|
{
|
|
id: 2,
|
|
title: "Bridal & Party Makeup", description: "Flawless makeup looks curated for your most special occasions.", imageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-getting-model-ready-photoshootin_23-2149305120.jpg"},
|
|
{
|
|
id: 3,
|
|
title: "Facials & Skincare", description: "Rejuvenate your skin with our professional, nourishing facial rituals.", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-skincare-procedure-spa_23-2148825330.jpg"},
|
|
{
|
|
id: 4,
|
|
title: "Spa & Pedicure", description: "Relax and unwind with our bespoke spa and foot care treatments.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-client-manicure-appointment_23-2149171318.jpg"},
|
|
]}
|
|
title="Our Signature Services"
|
|
description="Indulge in a range of premium treatments tailored to your unique beauty."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="Meet Your Beauty Curator"
|
|
description="At Vidhuzz, our journey began with a vision to create a safe, luxurious, and welcoming space. We are proud to be women-owned, LGBTQ+ friendly, and committed to a premium experience that puts your comfort and glow first."
|
|
buttons={[
|
|
{
|
|
text: "Learn More", href: "#"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-smiling-girl-holding-cup-coffee_23-2147906495.jpg"
|
|
imageAlt="Vidhuzz Founder"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Ananya P.", date: "Oct 2023", title: "Amazing Bridal Look!", quote: "My wedding look was perfect, thanks to Vidhuzz!", tag: "Bridal", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businesswoman-indoors-with-arms-closed_23-2148824828.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-arrangement-with-nail-polish-make-up-brush_23-2148299547.jpg", imageAlt: "luxury beauty parlour model portrait"},
|
|
{
|
|
id: "2", name: "Meera R.", date: "Nov 2023", title: "Best Skincare!", quote: "My skin has never felt better. Truly premium experience.", tag: "Skincare", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-expressive-woman-posing_23-2149190711.jpg", imageAlt: "artistic bridal makeup close up"},
|
|
{
|
|
id: "3", name: "Kavya S.", date: "Dec 2023", title: "Hair Goals!", quote: "Love my new haircut and color. So modern!", tag: "Hair", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-cozy-office_23-2149739353.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-cup-with-clipboard-white-background-high-quality-photo_114579-61160.jpg", imageAlt: "luxury hair styling portfolio"},
|
|
{
|
|
id: "4", name: "Sneha L.", date: "Jan 2024", title: "So Welcoming!", quote: "Love the vibe here. Always feel so comfortable.", tag: "Vibe", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-adult-women-working-together_23-2148461457.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-cosmetologist-making-beauty-procedures_1303-26010.jpg", imageAlt: "skincare ritual luxury spa"},
|
|
{
|
|
id: "5", name: "Priya K.", date: "Feb 2024", title: "Pure Luxury", quote: "The most relaxing spa experience I have ever had.", tag: "Spa", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businesswoman-indoors-with-arms-closed_23-2148824828.jpg", imageSrc: "http://img.b2bpic.net/free-vector/ornamental-background-design_1115-505.jpg", imageAlt: "modern luxury beauty salon interior"},
|
|
]}
|
|
title="Client Glow Stories"
|
|
description="Join our community of satisfied, radiant clients."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
title="Book Your Glow-Up Now"
|
|
description="Ready to pamper yourself? Book an appointment or call us for any queries."
|
|
imageSrc="http://img.b2bpic.net/free-photo/high-angle-cozy-bed-arrangement-with-notebook_23-2150326109.jpg"
|
|
mediaPosition="right"
|
|
tag="Booking"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Services", href: "#services"},
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Book Now", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Instagram", href: "#"},
|
|
{
|
|
label: "WhatsApp", href: "#"},
|
|
{
|
|
label: "Facebook", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Vidhuzz"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|