bender/b0d9907e-95e3-4c38-9a46-241fc37285c4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_3
Branches Tags
bender:main bender:version_7 bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1
..
compare: bender:main
Branches Tags
bender:main bender:version_7 bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1

10 Commits
version_3 ... main

Author SHA1 Message Date
bender
d0b2f405ed Merge version_7 into main 
Merge version_7 into main
 2026-04-08 00:45:17 +00:00
bender
891326a66c Update src/app/page.tsx 2026-04-08 00:45:14 +00:00
bender
3ccf741664 Merge version_6 into main 
Merge version_6 into main
 2026-04-08 00:43:10 +00:00
bender
3768dfeb81 Update src/app/page.tsx 2026-04-08 00:43:07 +00:00
bender
3a499d02a3 Merge version_5 into main 
Merge version_5 into main
 2026-04-07 23:25:18 +00:00
bender
2ba46b9078 Update src/app/page.tsx 2026-04-07 23:25:15 +00:00
bender
2d3ad4c990 Merge version_4 into main 
Merge version_4 into main
 2026-04-07 23:22:03 +00:00
bender
f69ea62529 Update src/app/styles/variables.css 2026-04-07 23:22:00 +00:00
bender
c9ab5b2da7 Update src/app/page.tsx 2026-04-07 23:22:00 +00:00
bender
d64b8407ef Merge version_3 into main 
Merge version_3 into main
 2026-04-07 23:17:15 +00:00
2 changed files with 49 additions and 86 deletions
Expand all files Collapse all files

121
src/app/page.tsx
View File

@@ -16,27 +16,23 @@ export default function LandingPage() {
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="background-highlight"
borderRadius="soft"
borderRadius="pill"
contentWidth="mediumLarge"
sizing="large"
background="noise"
cardStyle="gradient-bordered"
primaryButtonStyle="shadow"
secondaryButtonStyle="layered"
headingFontWeight="light"
background="noiseDiagonalGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home", id: "hero"},
{
name: "Services", id: "services"},
{
name: "About", id: "about"},
{
name: "Contact", id: "contact"},
{ name: "Home", id: "hero" },
{ name: "Services", id: "services" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
]}
brandName="Face N Nails"
/>
@@ -44,40 +40,27 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "radial-gradient"}}
background={{ variant: "radial-gradient" }}
title="Professional Nail & Beauty Studio in Lanham"
description="Face N Nails is the leading beauty service that delivers professional stylists straight to your door or in our studio. Experience premium pampering in the comfort of your home, office, or our Lanham studio."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/man-wearing-make-up-sing-brush-his-face_23-2148784333.jpg", alt: "Stylist 1"},
{
src: "http://img.b2bpic.net/free-photo/man-wearing-make-up-sing-brush-his-face_23-2148784333.jpg", alt: "Stylist 2"},
{
src: "http://img.b2bpic.net/free-photo/man-wearing-make-up-sing-brush-his-face_23-2148784333.jpg", alt: "Stylist 3"},
{
src: "http://img.b2bpic.net/free-photo/man-wearing-make-up-sing-brush-his-face_23-2148784333.jpg", alt: "Stylist 4"},
{
src: "http://img.b2bpic.net/free-photo/man-wearing-make-up-sing-brush-his-face_23-2148784333.jpg", alt: "Stylist 5"},
{ src: "https://img.b2bpic.net/free-photo/man-wearing-make-up-sing-brush-his-face_23-2148784333.jpg", alt: "Stylist 1" },
{ src: "https://img.b2bpic.net/free-photo/man-wearing-make-up-sing-brush-his-face_23-2148784333.jpg", alt: "Stylist 2" },
{ src: "https://img.b2bpic.net/free-photo/man-wearing-make-up-sing-brush-his-face_23-2148784333.jpg", alt: "Stylist 3" },
{ src: "https://img.b2bpic.net/free-photo/man-wearing-make-up-sing-brush-his-face_23-2148784333.jpg", alt: "Stylist 4" },
{ src: "https://img.b2bpic.net/free-photo/man-wearing-make-up-sing-brush-his-face_23-2148784333.jpg", alt: "Stylist 5" },
]}
buttons={[
{
text: "Call Now", href: "tel:240-299-0337"},
{
text: "Book Your Session Today", href: "#contact"},
{ text: "Call Now", href: "tel:240-299-0337" },
{ text: "Book Your Session Today", onClick: () => document.getElementById("contact")?.scrollIntoView({ behavior: "smooth" }) },
]}
buttonAnimation="slide-up"
marqueeItems={[
{
type: "text", text: "Premium Nail Art"},
{
type: "text", text: "Expert Lash Extensions"},
{
type: "text", text: "Professional Waxing"},
{
type: "text", text: "Mobile Services Available"},
{
type: "text", text: "Quality Guaranteed"},
{ type: "text", text: "Premium Nail Art" },
{ type: "text", text: "Expert Lash Extensions" },
{ type: "text", text: "Professional Waxing" },
{ type: "text", text: "Mobile Services Available" },
{ type: "text", text: "Quality Guaranteed" },
]}
/>
</div>
@@ -89,18 +72,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "s1", name: "Lash Extensions", price: "View Details", variant: "Eyelash Application", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-wearing-eye-patches_23-2149628033.jpg?_wi=1"},
{
id: "s2", name: "Nail Services", price: "View Details", variant: "Manicure & Pedicure", imageSrc: "http://img.b2bpic.net/free-photo/man-vaping-from-hookah-indoors_23-2149173629.jpg?_wi=1"},
{
id: "s3", name: "Brow & Waxing", price: "View Details", variant: "Precision Grooming", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-going-through-microblading-treatment_23-2149238663.jpg?_wi=1"},
{
id: "s4", name: "Makeup Services", price: "View Details", variant: "Professional Artistry", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-wearing-eye-patches_23-2149628033.jpg?_wi=2"},
{
id: "s5", name: "Full Set Nails", price: "View Details", variant: "Premium Care", imageSrc: "http://img.b2bpic.net/free-photo/man-vaping-from-hookah-indoors_23-2149173629.jpg?_wi=2"},
{
id: "s6", name: "Brow Tinting", price: "View Details", variant: "Expert Shaping", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-going-through-microblading-treatment_23-2149238663.jpg?_wi=2"},
{ id: "s1", name: "Lash Extensions", price: "From $65", variant: "Eyelash Application", imageSrc: "https://img.b2bpic.net/free-photo/high-angle-woman-wearing-eye-patches_23-2149628033.jpg?_wi=1" },
{ id: "s2", name: "Nail Services", price: "From $45", variant: "Manicure & Pedicure", imageSrc: "https://img.b2bpic.net/free-photo/man-vaping-from-hookah-indoors_23-2149173629.jpg?_wi=1" },
{ id: "s3", name: "Brow & Waxing", price: "From $30", variant: "Precision Grooming", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-young-woman-going-through-microblading-treatment_23-2149238663.jpg?_wi=1" },
{ id: "s4", name: "Makeup Services", price: "From $80", variant: "Professional Artistry", imageSrc: "https://img.b2bpic.net/free-photo/high-angle-woman-wearing-eye-patches_23-2149628033.jpg?_wi=2" },
{ id: "s5", name: "Full Set Nails", price: "From $55", variant: "Premium Care", imageSrc: "https://img.b2bpic.net/free-photo/man-vaping-from-hookah-indoors_23-2149173629.jpg?_wi=2" },
{ id: "s6", name: "Brow Tinting", price: "From $25", variant: "Expert Shaping", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-young-woman-going-through-microblading-treatment_23-2149238663.jpg?_wi=2" },
]}
title="Our Services"
description="Beauty isn't about having a pretty face. It is about having a pretty mind, a pretty heart, and most importantly a beautiful soul."
@@ -112,7 +89,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Quality Self-Care & Professionalism"
description="Face N Nails is dedicated to high-quality self-care services. Our professional stylists bring expertise and a warm customer experience to every session, ensuring you leave feeling refreshed and confident."
imageSrc="http://img.b2bpic.net/free-photo/front-view-bride-getting-ready_23-2149860785.jpg"
imageSrc="https://img.b2bpic.net/free-photo/front-view-bride-getting-ready_23-2149860785.jpg"
imageAlt="Nail technician working professionally"
/>
</div>
@@ -126,15 +103,9 @@ export default function LandingPage() {
title="Why Choose Face N Nails"
description="We prioritize quality and precision in every service to ensure our clients feel their best."
metrics={[
{
id: "m1", value: "10+", title: "Years Experience", description: "Professional beauty expertise", icon: Award,
},
{
id: "m2", value: "5k+", title: "Happy Clients", description: "Delighted with our service", icon: Smile,
},
{
id: "m3", value: "100%", title: "Satisfaction Rate", description: "Our commitment to you", icon: CheckCircle,
},
{ id: "m1", value: "10+", title: "Years Experience", description: "Professional beauty expertise", icon: Award },
{ id: "m2", value: "5k+", title: "Happy Clients", description: "Delighted with our service", icon: Smile },
{ id: "m3", value: "100%", title: "Satisfaction Rate", description: "Our commitment to you", icon: CheckCircle },
]}
/>
</div>
@@ -142,14 +113,11 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "downward-rays-static"}}
background={{ variant: "downward-rays-static" }}
text="Book Your Session Today! Reach out to us at 240-299-0337 or lafacennails@gmail.com. Visit our studio at 9841 Greenbelt Rd. #207, Lanham, MD 20706."
buttons={[
{
text: "Call Now: 240-299-0337", href: "tel:240-299-0337"},
{
text: "Email Us", href: "mailto:lafacennails@gmail.com"},
{ text: "Call Now: 240-299-0337", href: "tel:240-299-0337" },
{ text: "Email Us", href: "mailto:lafacennails@gmail.com" },
]}
/>
</div>
@@ -160,24 +128,19 @@ export default function LandingPage() {
columns={[
{
title: "Information", items: [
{
label: "Contact Us", href: "#contact"},
{
label: "Booking Policy", href: "#"},
{ label: "Contact Us", onClick: () => document.getElementById("contact")?.scrollIntoView({ behavior: "smooth" }) },
{ label: "Booking Policy", href: "#" },
],
},
{
title: "Location", items: [
{
label: "9841 Greenbelt Rd. #207, Lanham, MD 20706", href: "#"},
{ label: "9841 Greenbelt Rd. #207, Lanham, MD 20706", href: "#" },
],
},
{
title: "Follow Us", items: [
{
label: "Instagram", href: "#"},
{
label: "Facebook", href: "#"},
{ label: "Instagram", href: "#" },
{ label: "Facebook", href: "#" },
],
},
]}
@@ -187,4 +150,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000612e6;
--primary-cta: #15479c;
--background: #fdf2f8;
--card: #ffffff;
--foreground: #4c1d95;
--primary-cta: #db2777;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta: #fbcfe8;
--secondary-cta-text: #000612e6;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
--accent: #fce7f3;
--background-accent: #fbcfe8;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);