187 lines
8.6 KiB
TypeScript
187 lines
8.6 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="bounce-effect"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="rounded"
|
||
contentWidth="mediumSmall"
|
||
sizing="largeSmallSizeLargeTitles"
|
||
background="grid"
|
||
cardStyle="outline"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="bold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "hero"},
|
||
{
|
||
name: "About", id: "about"},
|
||
{
|
||
name: "Services", id: "services"},
|
||
{
|
||
name: "Gallery", id: "gallery"},
|
||
{
|
||
name: "Reviews", id: "testimonials"},
|
||
{
|
||
name: "Contact", id: "contact"},
|
||
]}
|
||
brandName="The Parlour"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroLogo
|
||
logoText="The Parlour"
|
||
description="Experience San Diego's most luxurious destination for exquisite hair design and sophisticated beauty services."
|
||
buttons={[
|
||
{
|
||
text: "Schedule Your Session", href: "#contact"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-58755.jpg?_wi=1"
|
||
imageAlt="elegant luxury salon interior"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<InlineImageSplitTextAbout
|
||
useInvertedBackground={true}
|
||
heading={[
|
||
{
|
||
type: "text", content: "Our Philosophy of "},
|
||
{
|
||
type: "image", src: "http://img.b2bpic.net/free-photo/family-car-salon-woman-buying-thecar-seat-little-african-girl-with-mther_1157-45043.jpg", alt: "salon owner working gracefully"},
|
||
{
|
||
type: "text", content: " Beauty"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Precision Cuts", description: "Expertly crafted cuts tailored to your face shape and hair texture.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-assortment-nail-care-products_23-2148974559.jpg?_wi=1", imageAlt: "haircut styling scissors"},
|
||
{
|
||
title: "Custom Coloring", description: "Luminous color techniques including balayage, highlights, and precision tinting.", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167372.jpg?_wi=1", imageAlt: "hair coloring technique palette"},
|
||
{
|
||
title: "Blowout Styling", description: "Sophisticated styling for any occasion, leaving hair smooth and radiant.", imageSrc: "http://img.b2bpic.net/free-photo/woman-having-consultation-with-hairdresser_23-2147769876.jpg?_wi=1", imageAlt: "elegant blowout hair styling"},
|
||
]}
|
||
title="Signature Services"
|
||
description="Tailored treatments for your unique hair journey."
|
||
/>
|
||
</div>
|
||
|
||
<div id="gallery" data-section="gallery">
|
||
<ProductCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
gridVariant="one-large-left-three-stacked-right"
|
||
useInvertedBackground={true}
|
||
products={[
|
||
{ id: "g1", name: "Signature Balayage", price: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167372.jpg" },
|
||
{ id: "g2", name: "Modern Cut", price: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-58755.jpg" },
|
||
{ id: "g3", name: "Elegant Blowout", price: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/woman-having-consultation-with-hairdresser_23-2147769876.jpg?_wi=1" },
|
||
{ id: "g4", name: "Custom Styling", price: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/joyful-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15168.jpg" },
|
||
{ id: "g5", name: "Bridal Design", price: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg" },
|
||
{ id: "g6", name: "Salon Interior", price: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/luxury-interior-decor-with-natural-lighting-ambiance-generated-by-ai_188544-28046.jpg" }
|
||
]}
|
||
title="Our Studio Gallery"
|
||
description="Explore the artistry of our San Diego studio."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFive
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
testimonials={Array(7).fill(0).map((_, i) => ({
|
||
id: String(i + 1),
|
||
name: "Valued Client", date: "2024", title: "5.0 Rating", quote: "Absolute perfection! This is the most luxurious salon experience in San Diego. Highly recommend!", tag: "5.0 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/joyful-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15168.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-having-consultation-with-hairdresser_23-2147769876.jpg?_wi=2"}))}
|
||
title="What Our Clients Say"
|
||
description="Rated 5.0 out of 5 stars based on 7 reviews."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitMedia
|
||
textboxLayout="split"
|
||
useInvertedBackground={true}
|
||
faqs={[
|
||
{
|
||
id: "f1", title: "How do I book an appointment?", content: "You can book directly via our online booking page at https://theparlour.com/book or by calling our salon reception during business hours."},
|
||
{
|
||
id: "f2", title: "Do you offer consultations?", content: "Yes, we highly recommend a consultation for new color clients to ensure the best results."},
|
||
{
|
||
id: "f3", title: "What is your cancellation policy?", content: "We require 24 hours notice for any appointment changes or cancellations."},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/hotel-lobby-with-impressive-design-modern-furniture-expensive-resort-accommodation-with-marble-floors-empty-reception-front-desk-with-computers-service-bell-registration_482257-61927.jpg"
|
||
title="Helpful Details"
|
||
description="Common questions about your visit."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "plain"}}
|
||
tag="Contact Us"
|
||
title="Begin Your Transformation"
|
||
description="Open Daily: 12:00 PM – 3:00 PM. Contact us to book your premium session today."
|
||
buttons={[
|
||
{ text: "Book Now", href: "#" },
|
||
{ text: "Call Now", href: "tel:+15551234567" }
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseReveal
|
||
logoText="The Parlour"
|
||
columns={[
|
||
{
|
||
title: "Services", items: [
|
||
{ label: "Haircuts", href: "#services" },
|
||
{ label: "Coloring", href: "#services" },
|
||
{ label: "Styling", href: "#services" },
|
||
],
|
||
},
|
||
{
|
||
title: "Contact", items: [
|
||
{ label: "123 San Diego Ave", href: "#" },
|
||
{ label: "(555) 123-4567", href: "tel:+15551234567" },
|
||
{ label: "Open: 12PM-3PM", href: "#" },
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2024 The Parlour. Mobile-friendly beauty."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|