Merge version_2 into main #2
125
src/app/page.tsx
125
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="5 Star Nails"
|
||||
/>
|
||||
@@ -52,41 +44,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Welcome to 5 Star Nails"
|
||||
description="Serena's premier spot in Mississauga for neon, cute, and creative nail art that makes you shine."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-products-arrangement_23-2149046519.jpg?_wi=1",
|
||||
imageAlt: "Neon nail art design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-products-arrangement_23-2149046519.jpg?_wi=1", imageAlt: "Neon nail art design"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-products-arrangement_23-2149046519.jpg?_wi=2",
|
||||
imageAlt: "Neon nail art design 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-products-arrangement_23-2149046519.jpg?_wi=2", imageAlt: "Neon nail art design 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-products-arrangement_23-2149046519.jpg?_wi=3",
|
||||
imageAlt: "Neon nail art design 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-products-arrangement_23-2149046519.jpg?_wi=3", imageAlt: "Neon nail art design 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-products-arrangement_23-2149046519.jpg?_wi=4",
|
||||
imageAlt: "Neon nail art design 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-products-arrangement_23-2149046519.jpg?_wi=4", imageAlt: "Neon nail art design 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-products-arrangement_23-2149046519.jpg?_wi=5",
|
||||
imageAlt: "Neon nail art design 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-products-arrangement_23-2149046519.jpg?_wi=5", imageAlt: "Neon nail art design 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-products-arrangement_23-2149046519.jpg?_wi=6",
|
||||
imageAlt: "Neon nail art design 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-products-arrangement_23-2149046519.jpg?_wi=6", imageAlt: "Neon nail art design 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -96,8 +73,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Meet Serena"
|
||||
description={[
|
||||
"At 5 Star Nails, Serena brings her passion for neon and cute aesthetics to Mississauga. We believe every nail set should be a piece of art that reflects your unique sparkle.",
|
||||
]}
|
||||
"At 5 Star Nails, Serena brings her passion for neon and cute aesthetics to Mississauga. We believe every nail set should be a piece of art that reflects your unique sparkle."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -107,26 +83,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
tag: "Popular",
|
||||
title: "Neon Gel Sets",
|
||||
subtitle: "Bright & Bold",
|
||||
description: "High-quality gel manicures featuring our signature neon color palette.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-nail-polish_23-2148109515.jpg",
|
||||
},
|
||||
tag: "Popular", title: "Neon Gel Sets", subtitle: "Bright & Bold", description: "High-quality gel manicures featuring our signature neon color palette.", imageSrc: "http://img.b2bpic.net/free-photo/make-up-nail-polish_23-2148109515.jpg"},
|
||||
{
|
||||
tag: "Trending",
|
||||
title: "Cute Artistry",
|
||||
subtitle: "Detailed Design",
|
||||
description: "Custom cute nail art designs tailored to your vision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/client-making-manicure-beauty-salon_1303-19142.jpg",
|
||||
},
|
||||
tag: "Trending", title: "Cute Artistry", subtitle: "Detailed Design", description: "Custom cute nail art designs tailored to your vision.", imageSrc: "http://img.b2bpic.net/free-photo/client-making-manicure-beauty-salon_1303-19142.jpg"},
|
||||
{
|
||||
tag: "Essential",
|
||||
title: "Nail Care",
|
||||
subtitle: "Healthy Nails",
|
||||
description: "Professional care to keep your natural nails strong and healthy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/model-getting-their-nails-done_23-2149921696.jpg",
|
||||
},
|
||||
tag: "Essential", title: "Nail Care", subtitle: "Healthy Nails", description: "Professional care to keep your natural nails strong and healthy.", imageSrc: "http://img.b2bpic.net/free-photo/model-getting-their-nails-done_23-2149921696.jpg"},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="Expert nail care tailored to your style preferences."
|
||||
@@ -136,30 +97,14 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Serena is the absolute best! My nails always look neon-perfect and super cute every time I visit."
|
||||
testimonial="Serena's nail studio is my absolute happy place! Every visit results in the cutest, trendiest nail art that stays perfect for weeks."
|
||||
rating={5}
|
||||
author="Jessica M."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-attractive-charismatic-woman-isolated_273609-35321.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-perfect-manicure-smiling_23-2148944596.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/glamor-closeup-beauty-portrait-beautiful-sensual-caucasian-young-woman-model-with-nude-makeup-touching-her-perfect-clean-skin-posing-dark-background_158538-12917.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-nail-art-presentation_23-2149298020.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-enjoying-ice-cream-sandwich_23-2148161738.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-happy-bride-wearing-veil_23-2149722033.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-showing-colorful-nails_23-2148944588.jpg", alt: "Client 2"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -170,9 +115,8 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Visit us in Mississauga today! Serena is ready to create your new favorite nail look."
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready for your dream nails? Book with Serena at 5 Star Nails and let's create something purple, pink, and perfectly you!"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -181,34 +125,23 @@ export default function LandingPage() {
|
||||
logoText="5 Star Nails"
|
||||
columns={[
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
title: "Studio", items: [
|
||||
{
|
||||
label: "Mississauga, ON",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mississauga, ON", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "TikTok",
|
||||
href: "#",
|
||||
},
|
||||
label: "TikTok", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Policies", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Cancellation Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -217,4 +150,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #0f001a;
|
||||
--card: #1d0528;
|
||||
--foreground: #f8f8ff;
|
||||
--primary-cta: #ff00ff;
|
||||
--background: #fdf2f8;
|
||||
--card: #ffffff;
|
||||
--foreground: #4a044e;
|
||||
--primary-cta: #db2777;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #00ffff;
|
||||
--secondary-cta: #9333ea;
|
||||
--secondary-cta-text: #000000;
|
||||
--accent: #ff00ff;
|
||||
--background-accent: #2d0a3d;
|
||||
--accent: #e879f9;
|
||||
--background-accent: #fae8ff;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user