230 lines
7.8 KiB
TypeScript
230 lines
7.8 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="large"
|
|
background="grid"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "About",
|
|
id: "#about",
|
|
},
|
|
{
|
|
name: "Services",
|
|
id: "#services",
|
|
},
|
|
{
|
|
name: "Testimonials",
|
|
id: "#testimonials",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "#contact",
|
|
},
|
|
]}
|
|
brandName="Nail Studio"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
background={{
|
|
variant: "sparkles-gradient",
|
|
}}
|
|
title="Elevate Your Style with Professional Nail Art"
|
|
description="Experience premium nail care in a serene, aesthetic environment. From intricate designs to classic manicures, we bring your vision to life."
|
|
imageSrc="http://img.b2bpic.net/free-photo/pretty-nude-color-manicure-one-finger-shiny-golden-knitted-pink-wool-pillover-background_343596-4071.jpg"
|
|
imageAlt="Aesthetic manicure close-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="Our Passion for Beauty"
|
|
description="At our studio, we believe nails are an extension of your personality. Our certified artists provide meticulous service, ensuring every detail is perfect in a calming, modern space designed for your comfort."
|
|
imageSrc="http://img.b2bpic.net/free-photo/office-desktop-with-lipstick_23-2148166792.jpg"
|
|
imageAlt="Aesthetic nail artist studio"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "s1",
|
|
name: "Classic Manicure",
|
|
price: "$35",
|
|
variant: "Basic Care",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-relaxing-foot-massage-treatment-spa-salon_181624-51104.jpg",
|
|
},
|
|
{
|
|
id: "s2",
|
|
name: "Gel Extensions",
|
|
price: "$65",
|
|
variant: "Long Lasting",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/graceful-thin-fingers-girl-with-trendy-pastel-nude-manicure-fluffy-soft-sweater-cute-silver-ring-bow_343596-7951.jpg",
|
|
},
|
|
{
|
|
id: "s3",
|
|
name: "Custom Nail Art",
|
|
price: "$45+",
|
|
variant: "Premium Design",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-manicure-appointment_23-2149171329.jpg",
|
|
},
|
|
{
|
|
id: "s4",
|
|
name: "Spa Pedicure",
|
|
price: "$50",
|
|
variant: "Luxury Spa",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-hands-with-coffee-cup_23-2148982183.jpg",
|
|
},
|
|
{
|
|
id: "s5",
|
|
name: "French Manicure",
|
|
price: "$40",
|
|
variant: "Classic Style",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cute-student-working-park-use-notebook_1157-26861.jpg",
|
|
},
|
|
{
|
|
id: "s6",
|
|
name: "Nail Repair",
|
|
price: "$15",
|
|
variant: "Maintenance",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-getting-engaged-valentines-day_23-2149202965.jpg",
|
|
},
|
|
]}
|
|
title="Our Signature Services"
|
|
description="Explore our curated selection of nail treatments and enhancements."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="depth-3d"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1",
|
|
name: "Sarah Miller",
|
|
role: "Fashion Blogger",
|
|
testimonial: "The best manicure experience! So aesthetic and professional.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cute-caucasian-young-blonde-girl-laughs-powders-her-nose-while-sitting-table-indoors-cosmetics-makeup-finishing-brush_197531-31479.jpg",
|
|
},
|
|
{
|
|
id: "t2",
|
|
name: "Emily Chen",
|
|
role: "Creative Director",
|
|
testimonial: "I love the attention to detail. My nails look incredible.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-getting-manicure_23-2150507012.jpg",
|
|
},
|
|
{
|
|
id: "t3",
|
|
name: "Jessica Ross",
|
|
role: "Client",
|
|
testimonial: "A truly relaxing vibe. Highly recommend for any nail art.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-autumn-portrait-romantic-blond-woman-enjoying-hot-coffee-outdoor_273443-3369.jpg",
|
|
},
|
|
{
|
|
id: "t4",
|
|
name: "Olivia Smith",
|
|
role: "Photographer",
|
|
testimonial: "So many compliments on my new nails! Thank you!",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/male-female-friends-getting-manicure-together_23-2150285912.jpg",
|
|
},
|
|
{
|
|
id: "t5",
|
|
name: "Chloe Wang",
|
|
role: "Artist",
|
|
testimonial: "Professional, clean, and perfectly executed art.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/gardening-tools_23-2148013407.jpg",
|
|
},
|
|
]}
|
|
title="What Our Clients Say"
|
|
description="Hear from our happy clients who have experienced our premium nail services."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "f1",
|
|
title: "How long do gel nails last?",
|
|
content: "Gel nails typically last 2 to 3 weeks with proper care and maintenance.",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "Do I need an appointment?",
|
|
content: "Yes, we highly recommend booking in advance to ensure your preferred time slot.",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "Are your products vegan/non-toxic?",
|
|
content: "We prioritize high-quality, non-toxic products to maintain your nail health.",
|
|
},
|
|
]}
|
|
title="Common Questions"
|
|
description="Have questions about our nail services? Find answers here."
|
|
faqsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "sparkles-gradient",
|
|
}}
|
|
text="Ready for your next salon visit? Book your session now or reach out for questions."
|
|
buttons={[
|
|
{
|
|
text: "Book Now",
|
|
href: "#",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Nail Studio"
|
|
copyrightText="© 2025 Nail Studio. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|