Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 7237bcbd35 |
208
src/app/page.tsx
208
src/app/page.tsx
@@ -11,6 +11,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
|||||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||||
|
import { Accessibility, Wifi, CreditCard, Recycle, Baby, CalendarCheck, ConciergeBell } from 'lucide-react';
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -30,22 +31,12 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "Services", id: "services" },
|
||||||
id: "hero",
|
{ name: "Info", id: "experience" },
|
||||||
},
|
{ name: "Reviews", id: "testimonials" },
|
||||||
{
|
{ name: "FAQ", id: "faq" },
|
||||||
name: "Services",
|
{ name: "Contact", id: "contact" },
|
||||||
id: "services",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Reviews",
|
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Ultimate Nails"
|
brandName="Ultimate Nails"
|
||||||
/>
|
/>
|
||||||
@@ -56,14 +47,8 @@ export default function LandingPage() {
|
|||||||
logoText="Ultimate Nails"
|
logoText="Ultimate Nails"
|
||||||
description="Relax. Glow. Feel Beautiful. Experience peaceful luxury and expert nail care in the heart of Portland."
|
description="Relax. Glow. Feel Beautiful. Experience peaceful luxury and expert nail care in the heart of Portland."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Book Appointment", href: "#contact" },
|
||||||
text: "Book Appointment",
|
{ text: "View Services", href: "#services" },
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "View Services",
|
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/dried-persimmon-fruits-black-plate_114579-46122.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/dried-persimmon-fruits-black-plate_114579-46122.jpg"
|
||||||
imageAlt="Luxury nail salon experience in Portland"
|
imageAlt="Luxury nail salon experience in Portland"
|
||||||
@@ -76,30 +61,14 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ id: "f1", title: "Accessibility", subtitle: "Entrance, parking & restroom", category: "Facilities", value: "Accessible", buttons: [] },
|
||||||
id: "feat-1",
|
{ id: "f2", title: "Connectivity", subtitle: "Complimentary Wi-Fi", category: "Amenities", value: "Online", buttons: [] },
|
||||||
title: "Peaceful Environment",
|
{ id: "f3", title: "Eco-Friendly", subtitle: "Plastic bottle recycling", category: "Green", value: "Conscious", buttons: [] },
|
||||||
subtitle: "Quiet, calm, and welcoming.",
|
{ id: "f4", title: "Payments", subtitle: "Cards & Mobile NFC", category: "Billing", value: "Easy", buttons: [] },
|
||||||
category: "Experience",
|
{ id: "f5", title: "Family Friendly", subtitle: "Good for kids", category: "Guests", value: "Welcome", buttons: [] },
|
||||||
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"
|
title="Amenities & Access"
|
||||||
description="At Ultimate Nails, we believe in providing a serene escape where precision meets pampering."
|
description="Your comfort and convenience are our priorities at Ultimate Nails. We offer thoughtful services to make every visit stress-free."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -110,45 +79,12 @@ export default function LandingPage() {
|
|||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "s1", name: "Luxury Pedicure", price: "$65+", imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-legs-home-bathroom_1303-23024.jpg" },
|
||||||
id: "s1",
|
{ id: "s2", name: "Gel & Shellac", price: "$50+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262926.jpg" },
|
||||||
name: "Luxury Pedicure",
|
{ 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" },
|
||||||
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"
|
title="Signature Services"
|
||||||
description="Indulge in our curated selection of treatments designed to leave you feeling refreshed and beautiful."
|
description="Onsite professional nail care, including appointments and walk-in availability."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -158,41 +94,8 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "t1", name: "Sarah L.", handle: "@sarah_nails", testimonial: "The best pedicure massage I've ever had. Truly a peaceful escape." },
|
||||||
id: "t1",
|
{ id: "t2", name: "Michael R.", handle: "@mikepdx", testimonial: "Super clean, quiet, and friendly. My nails last for weeks every time." },
|
||||||
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"
|
title="Client Stories"
|
||||||
description="Read how our Portland clients experience the Ultimate Nails difference."
|
description="Read how our Portland clients experience the Ultimate Nails difference."
|
||||||
@@ -204,20 +107,11 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
title="Restorative Self-Care"
|
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."
|
description="We offer a refined, family-friendly space where convenience meets luxury. Enjoy seamless bookings, accessible facilities, and a commitment to sustainability."
|
||||||
bulletPoints={[
|
bulletPoints={[
|
||||||
{
|
{ title: "Bookings", description: "Appointments recommended, walk-ins welcome", icon: CalendarCheck },
|
||||||
title: "Indulgent Atmosphere",
|
{ title: "Convenience", description: "Free Wi-Fi and mobile payments available", icon: ConciergeBell },
|
||||||
description: "Designed for complete relaxation.",
|
{ title: "Accessibility", description: "Fully accessible entrance, parking, and restroom", icon: Accessibility },
|
||||||
},
|
|
||||||
{
|
|
||||||
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"
|
imageSrc="http://img.b2bpic.net/free-photo/woman-using-face-roller-her-beauty-routine_23-2150166445.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
@@ -229,24 +123,12 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "q1", title: "Are kids welcome?", content: "Yes, we are a family-friendly salon and good for kids!" },
|
||||||
id: "q1",
|
{ id: "q2", title: "What payment methods do you accept?", content: "We accept major credit/debit cards and NFC mobile payments for your convenience." },
|
||||||
title: "Do you accept walk-ins?",
|
{ id: "q3", title: "Do you have recycling?", content: "Yes, we maintain a recycling program for plastic bottles to support a greener environment." },
|
||||||
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"
|
title="Common Questions"
|
||||||
description="Everything you need to know about your next visit to Ultimate Nails."
|
description="Quick answers regarding our amenities and services."
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -257,24 +139,10 @@ export default function LandingPage() {
|
|||||||
title="Book Your Glow"
|
title="Book Your Glow"
|
||||||
description="We are ready to welcome you. Send us a note to inquire about appointments or special services."
|
description="We are ready to welcome you. Send us a note to inquire about appointments or special services."
|
||||||
inputs={[
|
inputs={[
|
||||||
{
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||||
name: "name",
|
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||||
type: "text",
|
|
||||||
placeholder: "Your Name",
|
|
||||||
required: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "email",
|
|
||||||
type: "email",
|
|
||||||
placeholder: "Your Email",
|
|
||||||
required: true,
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
textarea={{
|
textarea={{ name: "message", placeholder: "Tell us about the service you need...", rows: 4 }}
|
||||||
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"
|
imageSrc="http://img.b2bpic.net/free-photo/room-interior-with-bed-massage_23-2150461389.jpg"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -282,14 +150,8 @@ export default function LandingPage() {
|
|||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoReveal
|
<FooterLogoReveal
|
||||||
logoText="Ultimate Nails"
|
logoText="Ultimate Nails"
|
||||||
leftLink={{
|
leftLink={{ text: "Portland, OR", href: "#" }}
|
||||||
text: "Portland, OR",
|
rightLink={{ text: "© 2025 Ultimate Nails", href: "#" }}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
rightLink={{
|
|
||||||
text: "© 2024 Ultimate Nails",
|
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user