299 lines
9.8 KiB
TypeScript
299 lines
9.8 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="large"
|
|
background="blurBottom"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "Services",
|
|
id: "services",
|
|
},
|
|
{
|
|
name: "Reviews",
|
|
id: "testimonials",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Ultimate Nails"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="Ultimate Nails"
|
|
description="Relax. Glow. Feel Beautiful. Experience peaceful luxury and expert nail care in the heart of Portland."
|
|
buttons={[
|
|
{
|
|
text: "Book Appointment",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
text: "View Services",
|
|
href: "#services",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/dried-persimmon-fruits-black-plate_114579-46122.jpg"
|
|
imageAlt="Luxury nail salon experience in Portland"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyEight
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "feat-1",
|
|
title: "Peaceful Environment",
|
|
subtitle: "Quiet, calm, and welcoming.",
|
|
category: "Experience",
|
|
value: "Serenity",
|
|
},
|
|
{
|
|
id: "feat-2",
|
|
title: "Precision Work",
|
|
subtitle: "Attention to every detail.",
|
|
category: "Care",
|
|
value: "Excellence",
|
|
},
|
|
{
|
|
id: "feat-3",
|
|
title: "Super Clean",
|
|
subtitle: "Impeccable hygiene standards.",
|
|
category: "Safety",
|
|
value: "Clean",
|
|
},
|
|
]}
|
|
title="Why Clients Love Us"
|
|
description="At Ultimate Nails, we believe in providing a serene escape where precision meets pampering."
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "s1",
|
|
name: "Luxury Pedicure",
|
|
price: "$65+",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-legs-home-bathroom_1303-23024.jpg",
|
|
},
|
|
{
|
|
id: "s2",
|
|
name: "Gel & Shellac",
|
|
price: "$50+",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262926.jpg",
|
|
},
|
|
{
|
|
id: "s3",
|
|
name: "Artistic Nail Art",
|
|
price: "$20+",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-woman-body-suit-white-shirt-with-pink-beautiful-lips-holding-cigar_343596-463.jpg",
|
|
},
|
|
{
|
|
id: "s4",
|
|
name: "Classic Manicure",
|
|
price: "$35+",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/nail-products-arrangement_23-2149046519.jpg",
|
|
},
|
|
{
|
|
id: "s5",
|
|
name: "Spa Treatments",
|
|
price: "$45+",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-spa-center_23-2148099226.jpg",
|
|
},
|
|
{
|
|
id: "s6",
|
|
name: "Acrylic Sets",
|
|
price: "$70+",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/two-girls-with-design-manicure-holding-leather-pink-bag_132075-12045.jpg",
|
|
},
|
|
]}
|
|
title="Signature Services"
|
|
description="Indulge in our curated selection of treatments designed to leave you feeling refreshed and beautiful."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1",
|
|
name: "Sarah L.",
|
|
handle: "@sarah_nails",
|
|
testimonial: "The best pedicure massage I've ever had. Truly a peaceful escape.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/indoor-studio-winter-portrait-brunette-woman-wearing-joggers-sweater-using-her-smartphone-exited-emotions_291049-2742.jpg",
|
|
},
|
|
{
|
|
id: "t2",
|
|
name: "Michael R.",
|
|
handle: "@mikepdx",
|
|
testimonial: "Super clean, quiet, and friendly. My nails last for weeks every time.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-charming-smiling-tanned-brunette-woman-white-t-shirt-sitting-rattand-armchair_197531-22786.jpg",
|
|
},
|
|
{
|
|
id: "t3",
|
|
name: "Emily C.",
|
|
handle: "@emilylove",
|
|
testimonial: "I always leave feeling beautiful. The staff is so incredibly kind.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/waistup-shot-elegant-goodlooking-wealthy-young-blond-woman-brilliant-accessorize-silver-glittering-stylish-dress-touch-chin-have-clever-interesting-idea-smiling-curiously-red-background_1258-308957.jpg",
|
|
},
|
|
{
|
|
id: "t4",
|
|
name: "Jessica B.",
|
|
handle: "@jessib",
|
|
testimonial: "Unmatched attention to detail. It's my favorite neighborhood happy place.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-stylish-denim-jacket-coffee-shop_273609-4466.jpg",
|
|
},
|
|
{
|
|
id: "t5",
|
|
name: "Marcus W.",
|
|
handle: "@marcusw",
|
|
testimonial: "Relaxing chairs and top-tier service. Highly recommended.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cute-young-caucasian-blonde-girls-use-face-cream-while-sitting-beauty-parlour-concept-preserving-youth_197531-31473.jpg",
|
|
},
|
|
]}
|
|
title="Client Stories"
|
|
description="Read how our Portland clients experience the Ultimate Nails difference."
|
|
/>
|
|
</div>
|
|
|
|
<div id="experience" data-section="experience">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
title="Restorative Self-Care"
|
|
description="At Ultimate Nails, we redefine the salon experience. We believe beauty is a form of peace, and every visit is a journey to feeling your most confident, elevated self."
|
|
bulletPoints={[
|
|
{
|
|
title: "Indulgent Atmosphere",
|
|
description: "Designed for complete relaxation.",
|
|
},
|
|
{
|
|
title: "Modern Spa Energy",
|
|
description: "A refined space for your self-care.",
|
|
},
|
|
{
|
|
title: "Artisan Care",
|
|
description: "Expert services for lasting beauty.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/woman-using-face-roller-her-beauty-routine_23-2150166445.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1",
|
|
title: "Do you accept walk-ins?",
|
|
content: "Yes, we welcome walk-ins, though we recommend booking ahead for peak times.",
|
|
},
|
|
{
|
|
id: "q2",
|
|
title: "What products do you use?",
|
|
content: "We use premium, high-quality polishes and spa products safe for your nails and skin.",
|
|
},
|
|
{
|
|
id: "q3",
|
|
title: "How do I book an appointment?",
|
|
content: "You can book directly through our website via the link above.",
|
|
},
|
|
]}
|
|
title="Common Questions"
|
|
description="Everything you need to know about your next visit to Ultimate Nails."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={true}
|
|
title="Book Your Glow"
|
|
description="We are ready to welcome you. Send us a note to inquire about appointments or special services."
|
|
inputs={[
|
|
{
|
|
name: "name",
|
|
type: "text",
|
|
placeholder: "Your Name",
|
|
required: true,
|
|
},
|
|
{
|
|
name: "email",
|
|
type: "email",
|
|
placeholder: "Your Email",
|
|
required: true,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message",
|
|
placeholder: "Tell us about the service you need...",
|
|
rows: 4,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/room-interior-with-bed-massage_23-2150461389.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Ultimate Nails"
|
|
leftLink={{
|
|
text: "Portland, OR",
|
|
href: "#",
|
|
}}
|
|
rightLink={{
|
|
text: "© 2024 Ultimate Nails",
|
|
href: "#",
|
|
}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|