bender/30464bf4-f6a3-4b3c-978d-9f7c8d52a8ff
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 7 commits from version_2 into main 2026-04-28 18:14:58 +00:00
Conversation 0 Commits 7 Files Changed 7 +222 -314
7 changed files with 222 additions and 314 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/app/about/page.tsx Normal file
View File

@@ -0,0 +1,36 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import AboutMetric from '@/components/sections/about/AboutMetric';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Zap, Heart, Sparkles } from "lucide-react";
export default function AboutPage() {
return (
<ThemeProvider defaultButtonVariant="icon-arrow" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="compact" sizing="mediumLargeSizeMediumTitles" background="fluid" cardStyle="glass-elevated" primaryButtonStyle="diagonal-gradient" secondaryButtonStyle="solid" headingFontWeight="normal">
<ReactLenis root>
<NavbarStyleApple navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Reviews", id: "/reviews" }, { name: "Contact", id: "/#contact" }]} brandName="VU Nails & Spa" />
<AboutMetric
title="Our Story: Quality & Care"
metrics={[
{ icon: Sparkles, label: "Expertise", value: "10+ Years" },
{ icon: Heart, label: "Philosophy", value: "Affordable Luxury" },
{ icon: Zap, label: "Environment", value: "Clean & Calm" }
]}
metricsAnimation="slide-up"
useInvertedBackground={false}
/>
<TeamCardTen
title="Meet Our Professional Staff"
tag="Friendly & Talented"
memberVariant="card"
members={[{ id: "1", name: "Natalie", role: "Lead Artist" }, { id: "2", name: "Kevin", role: "Technician" }]}
/>
<FooterBaseReveal logoText="VU Nails & Spa" columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} />
</ReactLenis>
</ThemeProvider>
);
}

26
src/app/booking/page.tsx Normal file
View File

@@ -0,0 +1,26 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
export default function BookingPage() {
return (
<ThemeProvider>
<NavbarStyleApple
navItems={[{ name: "Home", id: "/" }, { name: "Services", id: "/#services" }, { name: "Booking", id: "/booking" }, { name: "Contact", id: "/contact" }]}
brandName="VU Nails & Spa"
/>
<main className="pt-32">
<ContactSplitForm
title="Book Now"
description="Secure your appointment by filling out the details below. We look forward to pampering you!"
inputs={[{ name: "name", type: "text", placeholder: "Name", required: true }, { name: "date", type: "date", placeholder: "Preferred Date", required: true }]}
buttonText="Book Now"
/>
</main>
<FooterBaseReveal logoText="VU Nails & Spa" columns={[]} />
</ThemeProvider>
);
}

26
src/app/contact/page.tsx Normal file
View File

@@ -0,0 +1,26 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
export default function ContactPage() {
return (
<ThemeProvider>
<NavbarStyleApple
navItems={[{ name: "Home", id: "/" }, { name: "Services", id: "/#services" }, { name: "Booking", id: "/booking" }, { name: "Contact", id: "/contact" }]}
brandName="VU Nails & Spa"
/>
<main className="pt-32">
<ContactSplitForm
title="Contact Us"
description="Have questions? Reach out to our team or call us today!"
inputs={[{ name: "name", type: "text", placeholder: "Name", required: true }, { name: "email", type: "email", placeholder: "Email", required: true }]}
buttonText="Call Today"
/>
</main>
<FooterBaseReveal logoText="VU Nails & Spa" columns={[]} />
</ThemeProvider>
);
}

45
src/app/gallery/page.tsx Normal file
View File

@@ -0,0 +1,45 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
export default function GalleryPage() {
return (
<ThemeProvider>
<ReactLenis root>
<NavbarStyleApple
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Gallery", id: "/gallery" },
{ name: "Contact", id: "/#contact" },
]}
brandName="VU Nails & Spa"
/>
<ProductCardFour
title="Our Gallery"
description="A showcase of our latest custom nail art designs and the serene atmosphere of our salon."
textboxLayout="default"
useInvertedBackground={true}
gridVariant="bento-grid"
animationType="slide-up"
products={[
{ id: "1", name: "Floral Elegance", price: "", variant: "Art", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-beautiful-nails_23-2149311563.jpg" },
{ id: "2", name: "Modern Minimalist", price: "", variant: "Acrylic", imageSrc: "http://img.b2bpic.net/free-photo/female-hands-with-purple-nail-design-holding-black-cup_127675-2628.jpg" },
{ id: "3", name: "Salon Lounge", price: "", variant: "Atmosphere", imageSrc: "http://img.b2bpic.net/free-photo/modern-reception-counter-with-classy-interior-design_482257-101081.jpg" },
{ id: "4", name: "Neon Artistry", price: "", variant: "Art", imageSrc: "http://img.b2bpic.net/free-photo/mirror-hairdressing-salon_23-2147670185.jpg" }
]}
/>
<FooterBaseReveal
logoText="VU Nails & Spa"
columns={[
{ title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }] }
]}
/>
</ReactLenis>
</ThemeProvider>
);
}

327
src/app/page.tsx
View File

@@ -32,26 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "services",
},
{
name: "Team",
id: "team",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "/" },
{ name: "Services", id: "/#services" },
{ name: "Booking", id: "/booking" },
{ name: "Contact", id: "/contact" }
]}
brandName="VU Nails & Spa"
/>
@@ -59,67 +43,11 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
title="Where Nail Art Meets Perfection"
description="Top-rated nail salon known for precision, creativity, and a welcoming experience. We bring your vision to life."
buttons={[
{
text: "Book Appointment",
href: "#contact",
},
{
text: "View Services",
href: "#services",
},
]}
buttons={[{ text: "Book Appointment", href: "/booking" }, { text: "View Services", href: "#services" }]}
imageSrc="http://img.b2bpic.net/free-photo/winter-sports-gear-accessories_482257-76733.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/luxury-retro-wall-lamp-cafe_1150-10890.jpg",
alt: "Luxury retro wall lamp in cafe",
},
{
src: "http://img.b2bpic.net/free-photo/anime-style-beauty-salon-with-cosmetology-equipment_23-2151500998.jpg",
alt: "Anime style beauty salon",
},
{
src: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199365.jpg",
alt: "Neoclassical style interior",
},
{
src: "http://img.b2bpic.net/free-photo/mirror-hairdressing-salon_23-2147670185.jpg",
alt: "Salon mirror",
},
{
src: "http://img.b2bpic.net/free-photo/modern-reception-counter-with-classy-interior-design_482257-101081.jpg",
alt: "Modern reception counter",
},
]}
avatarText="Trusted by 500+ locals"
marqueeItems={[
{
type: "text",
text: "Certified Artists",
},
{
type: "text",
text: "Premium Products",
},
{
type: "text",
text: "Sanitized Stations",
},
{
type: "text",
text: "Online Booking",
},
{
type: "text",
text: "Artisan Craftsmanship",
},
]}
/>
</div>
@@ -127,27 +55,7 @@ export default function LandingPage() {
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Star,
title: "Customer Rating",
value: "4.7★",
},
{
id: "m2",
icon: MessageCircle,
title: "Reviews",
value: "180+",
},
{
id: "m3",
icon: CalendarDays,
title: "Availability",
value: "7 Days",
},
]}
metrics={[{ id: "m1", icon: Star, title: "Customer Rating", value: "4.7★" }, { id: "m2", icon: MessageCircle, title: "Reviews", value: "180+" }, { id: "m3", icon: CalendarDays, title: "Availability", value: "7 Days" }]}
title="Why Clients Love Us"
description="Consistently providing 5-star service that keeps our community coming back."
/>
@@ -157,23 +65,7 @@ export default function LandingPage() {
<FeatureCardSix
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Custom Nail Art",
description: "Intricate hand-painted designs personalized to your style.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-beautiful-nails_23-2149311563.jpg",
},
{
title: "Acrylic & Dip",
description: "Long-lasting finishes applied with industry-leading precision.",
imageSrc: "http://img.b2bpic.net/free-photo/female-hands-with-purple-nail-design-holding-black-cup_127675-2628.jpg",
},
{
title: "Spa Pedicures",
description: "Indulge in a relaxing environment for total foot care.",
imageSrc: "http://img.b2bpic.net/free-photo/women-having-beauty-treatment-sauna_23-2149241458.jpg",
},
]}
features={[{ title: "Custom Nail Art", description: "Intricate hand-painted designs personalized to your style.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-beautiful-nails_23-2149311563.jpg" }, { title: "Acrylic & Dip", description: "Long-lasting finishes applied with industry-leading precision.", imageSrc: "http://img.b2bpic.net/free-photo/female-hands-with-purple-nail-design-holding-black-cup_127675-2628.jpg" }, { title: "Spa Pedicures", description: "Indulge in a relaxing environment for total foot care.", imageSrc: "http://img.b2bpic.net/free-photo/women-having-beauty-treatment-sauna_23-2149241458.jpg" }]}
title="Our Signature Services"
description="From custom hand-painted art to relaxing spa pedicures, experience precision at every step."
/>
@@ -183,42 +75,7 @@ export default function LandingPage() {
<PricingCardOne
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "p1",
badge: "Popular",
price: "$45",
subtitle: "Manicures",
features: [
"Classic Polish",
"Clean Cuticle Care",
"Long-Lasting Gloss",
],
},
{
id: "p2",
badge: "Artistry",
price: "$65+",
subtitle: "Acrylic / Dip",
features: [
"Full Application",
"Shaping",
"Custom Finish",
],
},
{
id: "p3",
badge: "Custom",
price: "$80+",
subtitle: "Hand-Painted Art",
features: [
"Consultation",
"Detailed Artistry",
"Premium Finishes",
],
},
]}
plans={[{ id: "p1", badge: "Popular", price: "$45", subtitle: "Manicures", features: ["Classic Polish", "Clean Cuticle Care", "Long-Lasting Gloss"] }, { id: "p2", badge: "Artistry", price: "$65+", subtitle: "Acrylic / Dip", features: ["Full Application", "Shaping", "Custom Finish"] }, { id: "p3", badge: "Custom", price: "$80+", subtitle: "Hand-Painted Art", features: ["Consultation", "Detailed Artistry", "Premium Finishes"] }]}
title="Premium Quality, Affordable Prices"
description="Transparent pricing for high-end results that stay beautiful longer."
/>
@@ -230,178 +87,20 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
members={[
{
id: "t1",
name: "Natalie",
role: "Lead Artist",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-looking-camera-while-standing-counter-movie-house_613910-21690.jpg",
},
{
id: "t2",
name: "Kevin",
role: "Nail Technician",
imageSrc: "http://img.b2bpic.net/free-photo/person-preparing-their-drag-outfit_23-2149490852.jpg",
},
{
id: "t3",
name: "Tina",
role: "Nail Technician",
imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg",
},
]}
members={[{ id: "t1", name: "Natalie", role: "Lead Artist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-looking-camera-while-standing-counter-movie-house_613910-21690.jpg" }, { id: "t2", name: "Kevin", role: "Nail Technician", imageSrc: "http://img.b2bpic.net/free-photo/person-preparing-their-drag-outfit_23-2149490852.jpg" }, { id: "t3", name: "Tina", role: "Nail Technician", imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg" }]}
title="Meet Your Nail Artists"
description="Friendly, professional, and dedicated to the perfect set. Meet the talent behind the designs."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket_23-2149020793.jpg",
},
{
id: "2",
name: "Emily R.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-getting-her-nails-fixed-by-manicurist-inside-room-beauty-manicure-nails-hand-self-care_140725-65113.jpg",
},
{
id: "3",
name: "Jessica M.",
imageSrc: "http://img.b2bpic.net/free-photo/male-female-friends-getting-manicure-together_23-2150285919.jpg",
},
{
id: "4",
name: "Lauren T.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-bride-getting-ready_23-2149860783.jpg",
},
{
id: "5",
name: "Rachel D.",
imageSrc: "http://img.b2bpic.net/free-photo/charming-women-with-motorcycle-helmets_23-2147771901.jpg",
},
]}
cardTitle="Client Stories"
cardTag="Loved by Hundreds"
cardAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "Do you accept walk-ins?",
content: "We highly recommend booking an appointment online, especially for detailed nail art, but we do accommodate walk-ins when possible.",
},
{
id: "f2",
title: "Can I request a technician?",
content: "Absolutely! You can select your preferred technician during the online booking process.",
},
{
id: "f3",
title: "Are you open on weekends?",
content: "Yes, we are proudly open 7 days a week to fit your schedule.",
},
]}
title="Common Questions"
description="Everything you need to know about booking and our services."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Book Your Appointment"
description="Ready for your next set? Book online or call us today to secure your spot."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number",
required: true,
},
]}
textarea={{
name: "notes",
placeholder: "Tell us what nail service or art you're looking for...",
rows: 4,
}}
imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683467.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="VU Nails & Spa"
columns={[
{
title: "Services",
items: [
{
label: "Nail Art",
href: "#services",
},
{
label: "Acrylics",
href: "#services",
},
{
label: "Pedicures",
href: "#services",
},
],
},
{
title: "Info",
items: [
{
label: "About Us",
href: "#team",
},
{
label: "Reviews",
href: "#testimonials",
},
{
label: "FAQ",
href: "#faq",
},
],
},
{
title: "Connect",
items: [
{
label: "Call: (555) 123-4567",
href: "tel:5551234567",
},
{
label: "Email: hello@vunails.com",
href: "mailto:hello@vunails.com",
},
],
},
]}
copyrightText="© 2024 VU Nails & Spa. All rights reserved."
columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Booking", href: "/booking" }, { label: "Contact", href: "/contact" }] }, { title: "Support", items: [{ label: "FAQ", href: "/#faq" }, { label: "Reviews", href: "/#testimonials" }] }, { title: "Business", items: [{ label: "Call: (555) 123-4567", href: "tel:5551234567" }, { label: "Address: 123 Salon St, City", href: "#" }] }]}
copyrightText="© 2025 VU Nails & Spa. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

28
src/app/reviews/page.tsx Normal file
View File

@@ -0,0 +1,28 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
export default function ReviewsPage() {
return (
<ThemeProvider defaultButtonVariant="icon-arrow" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="compact" sizing="mediumLargeSizeMediumTitles" background="fluid" cardStyle="glass-elevated" primaryButtonStyle="diagonal-gradient" secondaryButtonStyle="solid" headingFontWeight="normal">
<ReactLenis root>
<NavbarStyleApple navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Reviews", id: "/reviews" }, { name: "Contact", id: "/#contact" }]} brandName="VU Nails & Spa" />
<TestimonialCardTwo
title="What Our Loyal Customers Say"
tag="4.7-Star Rating"
animationType="slide-up"
textboxLayout="default"
testimonials={[
{ id: "1", name: "Sarah J.", role: "Regular Customer", testimonial: "The best nail salon in town, always clean and professional." },
{ id: "2", name: "Emily R.", role: "Local Resident", testimonial: "Fantastic service and reasonable prices. Highly recommend!" }
]}
/>
<FooterBaseReveal logoText="VU Nails & Spa" columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} />
</ReactLenis>
</ThemeProvider>
);
}

48
src/app/services/page.tsx Normal file
View File

@@ -0,0 +1,48 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
export default function ServicesPage() {
return (
<ThemeProvider>
<ReactLenis root>
<NavbarStyleApple
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Gallery", id: "/gallery" },
{ name: "Contact", id: "/#contact" },
]}
brandName="VU Nails & Spa"
/>
<FeatureCardSix
title="Our Signature Nail Art Services"
description="We specialize in hand-painted custom nail art, high-quality acrylics, and rejuvenating spa treatments tailored to your unique style."
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Hand-Painted Custom Art", description: "Unique, intricate designs created specifically for you by our lead artists.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-beautiful-nails_23-2149311563.jpg"
},
{
title: "Acrylic & Dip Powders", description: "Long-lasting, durable finishes that look natural and feel great.", imageSrc: "http://img.b2bpic.net/free-photo/female-hands-with-purple-nail-design-holding-black-cup_127675-2628.jpg"
},
{
title: "Deluxe Spa Pedicures", description: "Total relaxation with premium foot treatments in a tranquil setting.", imageSrc: "http://img.b2bpic.net/free-photo/women-having-beauty-treatment-sauna_23-2149241458.jpg"
}
]}
/>
<FooterBaseReveal
logoText="VU Nails & Spa"
columns={[
{ title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "Gallery", href: "/gallery" }] }
]}
/>
</ReactLenis>
</ThemeProvider>
);
}