Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 21dce919d4 | |||
| a3716bc1df | |||
| 35f8e1b047 | |||
| 0939762943 | |||
| 1ba829ae6d |
263
src/app/page.tsx
263
src/app/page.tsx
@@ -9,42 +9,30 @@ import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Star } from "lucide-react";
|
||||
import { Star, Sparkles, Heart } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmall"
|
||||
background="fluid"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="light"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Q-Nails"
|
||||
/>
|
||||
@@ -52,42 +40,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Professional Nail Care in Pleasant Hill"
|
||||
description="Experience superior manicures, acrylics, and relaxing pedicures. A trusted salon for over a decade."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "tel:9257980606",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Professional Care"
|
||||
tagIcon={Sparkles}
|
||||
title="Relaxation Redefined at Q-Nails"
|
||||
description="Treat yourself to premium nail services in our tranquil Pleasant Hill studio. Expert technicians, premium products, and a relaxing environment."
|
||||
buttons={[{ text: "Book Appointment", href: "tel:9257980606" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-composition-spa-objects_23-2148099244.jpg",
|
||||
imageAlt: "Manicure Service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-spreading-out_23-2151345082.jpg",
|
||||
imageAlt: "Nail Art",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326589.jpg",
|
||||
imageAlt: "Spa Chair",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-sitting-front-table-with-bored-expression-blue_140725-24244.jpg",
|
||||
imageAlt: "Nail Technician",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262879.jpg",
|
||||
imageAlt: "Salon Vibe",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-sitting-front-table-smiling-with-call-out-blue_140725-24234.jpg",
|
||||
imageAlt: "Pedicure Station",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-composition-spa-objects_23-2148099244.jpg", imageAlt: "Spa setting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-spreading-out_23-2151345082.jpg", imageAlt: "Nail care" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262879.jpg", imageAlt: "Manicure detail" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -96,143 +58,67 @@ export default function LandingPage() {
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
title="Our Signature Services"
|
||||
description="Whether you need a quick refresh or a deep relaxation session, our menu offers a variety of tailored nail treatments."
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "manicure",
|
||||
badge: "Essential",
|
||||
price: "From $25",
|
||||
subtitle: "Manicure & Polish",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "tel:9257980606",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Nail shaping",
|
||||
"Cuticle work",
|
||||
"Polish application",
|
||||
],
|
||||
id: "p1", badge: "Classic", badgeIcon: Star,
|
||||
price: "$30", subtitle: "Essential Manicure", features: ["Nail Shaping", "Cuticle Care", "Buffing", "Polish Application"],
|
||||
buttons: [{ text: "Book Now", href: "tel:9257980606" }]
|
||||
},
|
||||
{
|
||||
id: "acrylics",
|
||||
badge: "Popular",
|
||||
price: "From $45",
|
||||
subtitle: "Acrylic Nails",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "tel:9257980606",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Full set",
|
||||
"Fill-ins",
|
||||
"Long-lasting finish",
|
||||
],
|
||||
id: "p2", badge: "Signature", badgeIcon: Heart,
|
||||
price: "$55", subtitle: "Luxury Pedicure", features: ["Foot Soak", "Callus Removal", "Sugar Scrub", "Deep Massage", "Hot Towel"],
|
||||
buttons: [{ text: "Book Now", href: "tel:9257980606" }]
|
||||
},
|
||||
{
|
||||
id: "pedicure",
|
||||
badge: "Relaxing",
|
||||
price: "From $35",
|
||||
subtitle: "Pedicure Services",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "tel:9257980606",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Foot soak",
|
||||
"Callus removal",
|
||||
"Exfoliation",
|
||||
],
|
||||
},
|
||||
id: "p3", badge: "Trending", price: "$65", subtitle: "Gel Full Set", features: ["Gel Application", "Extension", "Long-Lasting Shine", "Expert Art"],
|
||||
buttons: [{ text: "Book Now", href: "tel:9257980606" }]
|
||||
}
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive nail and waxing treatments for your self-care."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Client Highlights"
|
||||
cardAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13215.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-pretty-woman-with-perfect-teeth-dark-clean-skin-having-rest-indoors-smiling-happily-after-received-good-positive-news_273609-1248.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-happy-client_23-2148766586.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/after-bath_1098-14737.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg",
|
||||
},
|
||||
{ id: "1", name: "Jessica S.", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13215.jpg" },
|
||||
{ id: "2", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-pretty-woman-with-perfect-teeth-dark-clean-skin-having-rest-indoors-smiling-happily-after-received-good-positive-news_273609-1248.jpg" },
|
||||
{ id: "3", name: "Elaine T.", imageSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-happy-client_23-2148766586.jpg" }
|
||||
]}
|
||||
cardTitle="Loved by Our Community"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
title="Salon Experience"
|
||||
description="Over a decade of bringing beauty and relaxation to Pleasant Hill residents."
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Our Salon Milestones"
|
||||
description="Dedication to quality, comfort, and care that our clients have trusted for years."
|
||||
tag="Expertise"
|
||||
tagIcon={Star}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10+",
|
||||
description: "Years of Excellence",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5k+",
|
||||
description: "Happy Clients Served",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
description: "Professional Treatments",
|
||||
},
|
||||
{ id: "m1", value: "10+ Years", description: "Serving our local community" },
|
||||
{ id: "m2", value: "5k+ Smiles", description: "Happy clients treated" },
|
||||
{ id: "m3", value: "15+ Services", description: "Custom nail care solutions" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Come See Us Today"
|
||||
description="508 Contra Costa Blvd ste f, Pleasant Hill, CA 94523. Book your appointment at (925) 798-0606."
|
||||
tag="Get in Touch"
|
||||
title="Visit Us Today"
|
||||
description="We are located at 508 Contra Costa Blvd ste f, Pleasant Hill, CA 94523. Give us a call at (925) 798-0606 to schedule your session."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/italy-architecture-outdoor-landmark-europe_1203-6325.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
mediaPosition="right"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -240,51 +126,10 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Q-Nails"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Manicures",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Pedicures",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Acrylics",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Book Appointment",
|
||||
href: "tel:9257980606",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Our Services", items: [{ label: "Manicures", href: "#services" }, { label: "Pedicures", href: "#services" }, { label: "Acrylics", href: "#services" }] },
|
||||
{ title: "Visit", items: [{ label: "Book Now", href: "tel:9257980606" }, { label: "Location", href: "#contact" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Q-Nails Salon. All rights reserved."
|
||||
copyrightText="© 2024 Q-Nails Salon. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000f06e6;
|
||||
--primary-cta: #0a7039;
|
||||
--background: #fdfbf8;
|
||||
--card: #f4efe9;
|
||||
--foreground: #3a322c;
|
||||
--primary-cta: #7a5c48;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #e4dcd3;
|
||||
--secondary-cta-text: #000f06e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
--accent: #c6b39d;
|
||||
--background-accent: #e4dcd3;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user