1 Commits

Author SHA1 Message Date
7237bcbd35 Update src/app/page.tsx 2026-05-15 05:00:22 +00:00

View File

@@ -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>