Update src/app/page.tsx
This commit is contained in:
211
src/app/page.tsx
211
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Palette, Footprints, Leaf, Gem } from "lucide-react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -32,46 +33,31 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Ash Saman Styles"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
logoText="Ash Saman Styles Nails and Spa"
|
||||
description="Experience premium nail care and spa relaxation in a serene, luxurious sanctuary designed just for you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Menu", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/compact-powder-nail-polish-bottle-sponges-table_23-2148031368.jpg"
|
||||
imageAlt="Luxurious spa salon interior"
|
||||
@@ -87,17 +73,11 @@ export default function LandingPage() {
|
||||
description="At Ash Saman Styles, we believe every hand and foot tells a story. Our expert technicians combine precision techniques with high-end, organic products to leave you refreshed, confident, and perfectly polished."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Artistry",
|
||||
description: "Highly trained nail specialists focusing on detail.",
|
||||
},
|
||||
title: "Expert Artistry", description: "Highly trained nail specialists focusing on detail."},
|
||||
{
|
||||
title: "Organic & Safe",
|
||||
description: "We use only premium, non-toxic products.",
|
||||
},
|
||||
title: "Organic & Safe", description: "We use only premium, non-toxic products."},
|
||||
{
|
||||
title: "Sanitary Haven",
|
||||
description: "Hospital-grade sterilization for your peace of mind.",
|
||||
},
|
||||
title: "Sanitary Haven", description: "Hospital-grade sterilization for your peace of mind."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/natural-elements-spa-with-candles_23-2148199490.jpg"
|
||||
imageAlt="Professional nail technician at work"
|
||||
@@ -111,28 +91,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Artistic Manicures",
|
||||
description: "Customized designs tailored to your unique style.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-using-stick_23-2149171304.jpg",
|
||||
buttonIcon: "Palette",
|
||||
title: "Artistic Manicures", description: "Customized designs tailored to your unique style.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-using-stick_23-2149171304.jpg", buttonIcon: Palette,
|
||||
},
|
||||
{
|
||||
title: "Deluxe Pedicures",
|
||||
description: "Revitalize your feet with our luxury soothing soaks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bowl-essential-oil_23-2147809234.jpg",
|
||||
buttonIcon: "Footprints",
|
||||
title: "Deluxe Pedicures", description: "Revitalize your feet with our luxury soothing soaks.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-bowl-essential-oil_23-2147809234.jpg", buttonIcon: Footprints,
|
||||
},
|
||||
{
|
||||
title: "Hand & Foot Wellness",
|
||||
description: "Deep moisturizing and rejuvenating treatments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-protective-medical-mask-beauty-salon-hold-palette-select-color-manicure-procedure-nail-care-grand-opening-quarantine-is-small-businessess-are-open-again_343596-2403.jpg",
|
||||
buttonIcon: "Leaf",
|
||||
title: "Hand & Foot Wellness", description: "Deep moisturizing and rejuvenating treatments.", imageSrc: "http://img.b2bpic.net/free-photo/woman-protective-medical-mask-beauty-salon-hold-palette-select-color-manicure-procedure-nail-care-grand-opening-quarantine-is-small-businessess-are-open-again_343596-2403.jpg", buttonIcon: Leaf,
|
||||
},
|
||||
{
|
||||
title: "Gel & Acrylic Pro",
|
||||
description: "Long-lasting, durable, and healthy polish applications.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313031.jpg",
|
||||
buttonIcon: "Gem",
|
||||
title: "Gel & Acrylic Pro", description: "Long-lasting, durable, and healthy polish applications.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313031.jpg", buttonIcon: Gem,
|
||||
},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
@@ -148,41 +116,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Signature Polish",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-colorful-nail-polishes-multicolor-paper_181624-29669.jpg",
|
||||
},
|
||||
id: "1", name: "Signature Polish", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-colorful-nail-polishes-multicolor-paper_181624-29669.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Nourishing Oil",
|
||||
price: "$22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boomers-using-cbd-oil-cream-treating-body-pain_23-2151263417.jpg",
|
||||
},
|
||||
id: "2", name: "Nourishing Oil", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/boomers-using-cbd-oil-cream-treating-body-pain_23-2151263417.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Precision File",
|
||||
price: "$10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-assortment-nail-care-products_23-2148974554.jpg",
|
||||
},
|
||||
id: "3", name: "Precision File", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-assortment-nail-care-products_23-2148974554.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Hand Hydration",
|
||||
price: "$28",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holds-jar-with-cosmetic-cream-her-hands_1150-11707.jpg",
|
||||
},
|
||||
id: "4", name: "Hand Hydration", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/woman-holds-jar-with-cosmetic-cream-her-hands_1150-11707.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Buffing Block",
|
||||
price: "$8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-make-up-brush_93675-129825.jpg",
|
||||
},
|
||||
id: "5", name: "Buffing Block", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/professional-make-up-brush_93675-129825.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Artistry Kit",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-composition-nail-care-products_23-2148974530.jpg",
|
||||
},
|
||||
id: "6", name: "Artistry Kit", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-composition-nail-care-products_23-2148974530.jpg"},
|
||||
]}
|
||||
title="Care & Polish Collection"
|
||||
description="Bring the Ash Saman experience home with our professional salon-grade products."
|
||||
@@ -196,51 +140,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
name: "Basic Manicure",
|
||||
price: "$30",
|
||||
features: [
|
||||
"Classic shaping",
|
||||
"Cuticle care",
|
||||
"Standard polish",
|
||||
],
|
||||
id: "basic", name: "Basic Manicure", price: "$30", features: [
|
||||
"Classic shaping", "Cuticle care", "Standard polish"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
name: "Deluxe Spa",
|
||||
price: "$65",
|
||||
features: [
|
||||
"Everything in Basic",
|
||||
"Paraffin wax",
|
||||
"Hand massage",
|
||||
],
|
||||
id: "pro", name: "Deluxe Spa", price: "$65", features: [
|
||||
"Everything in Basic", "Paraffin wax", "Hand massage"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "elite",
|
||||
name: "Signature Full Set",
|
||||
price: "$120",
|
||||
features: [
|
||||
"Gel manicure + Pedicure",
|
||||
"Premium treatment",
|
||||
"Hot stone massage",
|
||||
],
|
||||
id: "elite", name: "Signature Full Set", price: "$120", features: [
|
||||
"Gel manicure + Pedicure", "Premium treatment", "Hot stone massage"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -254,30 +174,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-getting-manicure_23-2149975485.jpg",
|
||||
},
|
||||
id: "1", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-getting-manicure_23-2149975485.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817234.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah K.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817234.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mia L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-european-woman-casual-knitted-sweater-pink-wall_343596-5761.jpg",
|
||||
},
|
||||
id: "3", name: "Mia L.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-european-woman-casual-knitted-sweater-pink-wall_343596-5761.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chloe B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-getting-her-nails-fixed-by-manicurist-inside-room-beauty-manicure-nail-hand-self-care-lady_140725-65117.jpg",
|
||||
},
|
||||
id: "4", name: "Chloe B.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-getting-her-nails-fixed-by-manicurist-inside-room-beauty-manicure-nail-hand-self-care-lady_140725-65117.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-visagiste-smiling-camera_23-2148113183.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica W.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-visagiste-smiling-camera_23-2148113183.jpg"},
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Testimonials"
|
||||
@@ -291,20 +196,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "We highly recommend appointments, but walk-ins are welcome if space is available.",
|
||||
},
|
||||
id: "1", title: "Do I need an appointment?", content: "We highly recommend appointments, but walk-ins are welcome if space is available."},
|
||||
{
|
||||
id: "2",
|
||||
title: "What products do you use?",
|
||||
content: "We exclusively use non-toxic, organic, and professional-grade beauty products.",
|
||||
},
|
||||
id: "2", title: "What products do you use?", content: "We exclusively use non-toxic, organic, and professional-grade beauty products."},
|
||||
{
|
||||
id: "3",
|
||||
title: "How long do gel nails last?",
|
||||
content: "Gel nails typically last 2 to 3 weeks depending on your nail care routine.",
|
||||
},
|
||||
id: "3", title: "How long do gel nails last?", content: "Gel nails typically last 2 to 3 weeks depending on your nail care routine."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our services and policies."
|
||||
@@ -316,8 +212,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Booking"
|
||||
title="Ready for a Refresh?"
|
||||
description="Secure your appointment now and join our satisfied clientele."
|
||||
@@ -330,33 +225,21 @@ export default function LandingPage() {
|
||||
logoText="Ash Saman Styles"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Menu", href: "#products"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user