126 lines
5.4 KiB
TypeScript
126 lines
5.4 KiB
TypeScript
"use client";
|
|
|
|
import ReactLenis from "lenis/react";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
|
|
import AboutMetric from "@/components/sections/about/AboutMetric";
|
|
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
|
|
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
|
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import { Star, ShieldCheck, Wrench, DollarSign, Phone } from "lucide-react";
|
|
|
|
export default function GenerationNailPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="aurora"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Generation Nail"
|
|
button={{ text: "Get a Quote", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
title="Precision Crafting, Superior Finish"
|
|
description="Specialized nail care and aesthetic precision for individuals who demand perfection. From advanced structural integrity to high-fashion design, we redefine your standards."
|
|
tag="Generation Nail"
|
|
rating={5}
|
|
ratingText="Rated 5.0 by 5,000+ fashion icons"
|
|
mediaItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/make-up-nail-polish_23-2148109544.jpg", imageAlt: "Nail artistry" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/close-frame-woman-s-hands-with-orange-manicure-white-sweater-pink-wall_343596-5400.jpg", imageAlt: "Finished manicure" }
|
|
]}
|
|
buttons={[
|
|
{ text: "Book Appointment", href: "#contact" },
|
|
{ text: "View Services", href: "#services" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="Mastery in Nail Artistry"
|
|
metrics={[
|
|
{ icon: ShieldCheck, label: "Custom Manicures", value: "15,000+" },
|
|
{ icon: Star, label: "Aesthetic Perfection", value: "99%" },
|
|
]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSixteen
|
|
title="The Generation Difference"
|
|
description="Comparing industry standards with our elevated service quality."
|
|
negativeCard={{ items: ["Basic sterilization", "Generic salon designs", "Mass-produced quality"] }}
|
|
positiveCard={{ items: ["Hospital-grade sterilization", "Bespoke fashion-forward designs", "Artisan-level craftsmanship"] }}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
title="Client Stories"
|
|
description="Experience the standard that keeps our clients returning."
|
|
testimonials={[
|
|
{ id: "1", title: "Exceptional Service", quote: "The precision and care at Generation Nail is unmatched.", name: "Sarah J.", role: "Fashion Designer" },
|
|
{ id: "2", title: "Professional Studio", quote: "Professional, elegant, and timely. Best studio in town by far.", name: "Elena T.", role: "Entrepreneur" },
|
|
]}
|
|
textboxLayout="default"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about your next appointment."
|
|
faqs={[
|
|
{ id: "1", title: "How do I book?", content: "Easily via our website or a quick call to our studio staff." },
|
|
{ id: "2", title: "What materials are used?", content: "We source exclusively high-end, toxin-free, durable nail products." },
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Get in Touch"
|
|
title="Ready for Your Next Look?"
|
|
description="Schedule your session today and discover what makes us the best in the industry."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Generation Nail"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Contact", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |