196 lines
9.1 KiB
TypeScript
196 lines
9.1 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 FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSizeMediumTitles"
|
|
background="floatingGradient"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Services", id: "services"},
|
|
{
|
|
name: "Testimonials", id: "testimonials"},
|
|
{
|
|
name: "FAQ", id: "faq"},
|
|
]}
|
|
brandName="Suvas Threading & Waxing"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
background={{
|
|
variant: "rotated-rays-static"}}
|
|
title="Precision and Care in Every Thread"
|
|
description="Welcome to Suvas, Douglasville's premier destination for eyebrow threading and waxing services. Experience a relaxing, professional touch designed just for you."
|
|
buttons={[
|
|
{
|
|
text: "Visit Us Today", href: "#contact"},
|
|
]}
|
|
carouselItems={[
|
|
{
|
|
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-using-face-mask_23-2150467056.jpg", imageAlt: "professional eyebrow threading salon atmosphere"},
|
|
{
|
|
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-phone-while-lying-bed_1098-19873.jpg", imageAlt: "woman eyebrow treatment relaxing"},
|
|
{
|
|
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-going-through-microblading-procedure_23-2149102654.jpg", imageAlt: "eyebrow tinting salon professional"},
|
|
{
|
|
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/home-interior-design-arrangement_23-2148986618.jpg", imageAlt: "salon spa interior decor"},
|
|
{
|
|
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cotton-swab-towel-brush-wooden-surface_23-2147926948.jpg", imageAlt: "calm beauty salon professional threading"},
|
|
{
|
|
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/women-applying-makeup_23-2147770653.jpg", imageAlt: "salon beauty services professional"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={false}
|
|
heading={[
|
|
{
|
|
type: "text", content: "The Suva Experience"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/young-woman-going-through-microblading-procedure_23-2149102647.jpg", alt: "professional woman threading expert"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Eyebrow Threading", description: "Experience precise, gentle shaping with our signature threading technique. Perfect for sensitive skin.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/model-career-kit-still-life-top-view_23-2150217977.jpg", imageAlt: "eyebrow threading precision tool"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-beauty-salon_23-2148895550.jpg", imageAlt: "eyebrow threading precision tool"},
|
|
},
|
|
{
|
|
title: "Eyebrow Tinting", description: "Enhance your natural brows with professional tinting services that add fullness and definition.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mixed-race-woman-with-mascara-brush_633478-1595.jpg", imageAlt: "woman brow tinting aesthetic"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/girl-making-up-her-eyes_23-2148136583.jpg", imageAlt: "woman brow tinting aesthetic"},
|
|
},
|
|
{
|
|
title: "Waxing Services", description: "Smooth, professional waxing for lip and facial areas with care and attention to detail.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-woman-receiving-facial-massage-with-herbal-balls-spa-treatment-beauty-salon_637285-2177.jpg", imageAlt: "waxing professional treatment salon"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/masseur-taking-care-her-client_23-2149273922.jpg", imageAlt: "waxing professional treatment salon"},
|
|
},
|
|
]}
|
|
showStepNumbers={false}
|
|
title="Our Signature Services"
|
|
description="Every treatment is personalized. Suva takes the time to listen, ensuring you receive the exact shape and care you desire."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={false}
|
|
title="Trusted by Douglasville"
|
|
tag="Excellence"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "1,800+", description: "Glowing Reviews"},
|
|
{
|
|
id: "2", value: "5.0", description: "Star Rating"},
|
|
{
|
|
id: "3", value: "100%", description: "Personalized Care"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="What Our Clients Say"
|
|
description="Hear from our lovely clients."
|
|
showRating={true}
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{ id: "1", name: "Sarah J.", handle: "Client", testimonial: "Suva is incredibly patient and thorough. The aloe massage at the end is just wonderful!", rating: 5 },
|
|
{ id: "2", name: "Michael C.", handle: "Client", testimonial: "I drive from outside Atlanta just for her threading. She never rushes and always listens.", rating: 5 },
|
|
{ id: "3", name: "Emily R.", handle: "Client", testimonial: "Rated 5 stars for a reason! Precision, professionalism, and pure kindness every visit.", rating: 5 }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Do I need an appointment?", content: "We are walk-in friendly! However, we get quite busy on Friday evenings and Saturday mornings (before 11am), so booking ahead or arriving early is always encouraged."},
|
|
{
|
|
id: "2", title: "How much does it cost?", content: "Pricing is shared in person at the studio. Please speak with Suva directly for full details!"},
|
|
{
|
|
id: "3", title: "What is included in the service?", content: "Beyond your chosen threading or waxing service, every client enjoys a relaxing, soothing aloe massage at the end of their treatment."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/lovely-woman-sweater-posing-near-light-lamps_114579-81972.jpg"
|
|
title="Common Questions"
|
|
description="Here are answers to common questions about your visit to Suvas."
|
|
faqsAnimation="slide-up"
|
|
imageAlt="woman relaxed beauty salon"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Visit Us"
|
|
title="Ready for your best eyebrows yet?"
|
|
description="Come visit Suvas in Douglasville. We look forward to meeting you and helping you feel your best."
|
|
buttons={[
|
|
{
|
|
text: "Get Directions", href: "#"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Suvas Threading & Waxing"
|
|
copyrightText="© 2025 Suvas Threading & Waxing. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |