Merge version_6 into main #6
105
src/app/page.tsx
105
src/app/page.tsx
@@ -29,14 +29,10 @@ export default function LandingPage() {
|
||||
<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: "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" },
|
||||
]}
|
||||
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: "From $65", 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: "From $45", 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: "From $30", 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: "From $80", 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: "From $55", 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: "From $25", 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: "http://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: "http://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: "http://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: "http://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: "http://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: "http://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."
|
||||
@@ -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: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user