Update src/app/page.tsx
This commit is contained in:
163
src/app/page.tsx
163
src/app/page.tsx
@@ -32,16 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Gallery", id: "gallery"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Booking", id: "/contact" },
|
||||
]}
|
||||
brandName="Nail Artist Studio"
|
||||
/>
|
||||
@@ -52,40 +47,14 @@ export default function LandingPage() {
|
||||
title="Long Lasting Shine for Your Nails"
|
||||
description="Indulge in professional gel polish services tailored to your unique style. Experience luxury, care, and precision with every visit."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice M.", handle: "@alicem", testimonial: "Best gel polish experience ever! My nails last for weeks.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-exited-young-hipster-girl-with-pink-trendy-hairs-bright-make-up-ready-celebration-winter-fur-leopard-coat-positive-mood-ready-celebration_291049-1660.jpg?_wi=1"},
|
||||
{
|
||||
name: "Sarah P.", handle: "@sarahp", testimonial: "Absolutely love the custom designs here. So talented!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-content-maker-creating-new-vlog-beauty-video-showing-lipstick_1258-254813.jpg?_wi=1"},
|
||||
{
|
||||
name: "Elena R.", handle: "@elenar", testimonial: "Very professional and such a lovely studio atmosphere.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-pink-sweater-looking-camera-posing-high-quality-photo_114579-31514.jpg?_wi=1"},
|
||||
{
|
||||
name: "Chloe B.", handle: "@chloeb", testimonial: "My nails have never looked so chic and elegant.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-care-her-nails_23-2149270555.jpg?_wi=1"},
|
||||
{
|
||||
name: "Mia S.", handle: "@mias", testimonial: "Incredible attention to detail, highly recommend!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/human-facial-expressions-feelings-emotions-reaction-attractive-young-woman-dressed-stylish-clothes_343059-604.jpg?_wi=1"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Appointment", href: "#contact"},
|
||||
{ name: "Alice M.", handle: "@alicem", testimonial: "Best gel polish experience ever! My nails last for weeks.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-exited-young-hipster-girl-with-pink-trendy-hairs-bright-make-up-ready-celebration-winter-fur-leopard-coat-positive-mood-ready-celebration_291049-1660.jpg?_wi=1" },
|
||||
{ name: "Sarah P.", handle: "@sarahp", testimonial: "Absolutely love the custom designs here. So talented!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-content-maker-creating-new-vlog-beauty-video-showing-lipstick_1258-254813.jpg?_wi=1" },
|
||||
{ name: "Elena R.", handle: "@elenar", testimonial: "Very professional and such a lovely studio atmosphere.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-pink-sweater-looking-camera-posing-high-quality-photo_114579-31514.jpg?_wi=1" },
|
||||
{ name: "Chloe B.", handle: "@chloeb", testimonial: "My nails have never looked so chic and elegant.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-care-her-nails_23-2149270555.jpg?_wi=1" },
|
||||
{ name: "Mia S.", handle: "@mias", testimonial: "Incredible attention to detail, highly recommend!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/human-facial-expressions-feelings-emotions-reaction-attractive-young-woman-dressed-stylish-clothes_343059-604.jpg?_wi=1" },
|
||||
]}
|
||||
buttons={[{ text: "Book Your Appointment", href: "/contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-doing-manicure-blue_140725-24225.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-beautiful-woman-her-room-sitting-showing-lipstick-recommending-favourite_1258-254754.jpg", alt: "Portrait of smiling beautiful woman in her room"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-young-attractive-female-white-shirt-fixing-her-nails-green-surface_140725-64170.jpg", alt: "Front view young attractive female in white shirt"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-young-attractive-female-white-shirt-holding-different-manicure-accessories-light-green-surface_140725-64179.jpg", alt: "Front view young attractive female with accessories"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-european-woman-casual-knitted-sweater-pink-wall_343596-5761.jpg", alt: "Pretty european woman in casual knitted sweater"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-female-blogger-content-creator-showing-lipstick-okay-hand-sign-recommending-beauty-product_1258-281929.jpg", alt: "Young female blogger content creator"},
|
||||
]}
|
||||
avatarText="Join 1,000+ happy clients"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -94,15 +63,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Meet Your Nail Specialist"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience", value: "8+"},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Happy Clients", value: "1.2k+"},
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Designs Created", value: "5k+"},
|
||||
{ icon: Award, label: "Years Experience", value: "8+" },
|
||||
{ icon: Star, label: "Happy Clients", value: "1.2k+" },
|
||||
{ icon: Sparkles, label: "Designs Created", value: "5k+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -115,12 +78,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Classic Gel Polish", description: "High-shine gel finish that lasts.", imageSrc: "http://img.b2bpic.net/free-photo/colorful-nail-polishes-multicolor-paper_181624-39422.jpg"},
|
||||
{
|
||||
title: "Artistic Designs", description: "Custom nail art for every look.", imageSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-fingers-held-water_23-2148766604.jpg"},
|
||||
{
|
||||
title: "Manicure Essentials", description: "Healthy nail care treatments.", imageSrc: "http://img.b2bpic.net/free-photo/nail-care-items-arrangement-flat-lay_23-2149046505.jpg"},
|
||||
{ title: "Classic Gel Polish", description: "High-shine gel finish that lasts.", imageSrc: "http://img.b2bpic.net/free-photo/colorful-nail-polishes-multicolor-paper_181624-39422.jpg" },
|
||||
{ title: "Artistic Designs", description: "Custom nail art for every look.", imageSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-fingers-held-water_23-2148766604.jpg" },
|
||||
{ title: "Manicure Essentials", description: "Healthy nail care treatments.", imageSrc: "http://img.b2bpic.net/free-photo/nail-care-items-arrangement-flat-lay_23-2149046505.jpg" },
|
||||
]}
|
||||
title="Professional Gel Polish Services"
|
||||
description="We offer premium nail care to keep your hands looking elegant and polished."
|
||||
@@ -134,18 +94,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Nude Elegance", price: "Pricing", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-while-holding-apple_23-2148364820.jpg"},
|
||||
{
|
||||
id: "2", name: "Floral Grace", price: "Pricing", imageSrc: "http://img.b2bpic.net/free-photo/two-girls-with-design-manicure-holding-leather-pink-bag_132075-12045.jpg"},
|
||||
{
|
||||
id: "3", name: "Minimalist Gold", price: "Pricing", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-french-manicure_23-2149311572.jpg"},
|
||||
{
|
||||
id: "4", name: "Sunset Glow", price: "Pricing", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-glass_23-2149820410.jpg"},
|
||||
{
|
||||
id: "5", name: "Velvet Touch", price: "Pricing", imageSrc: "http://img.b2bpic.net/free-photo/girl-trying-artificial-nails-tips-with-flower-nail-design_127675-2641.jpg"},
|
||||
{
|
||||
id: "6", name: "Classic French", price: "Pricing", imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-pink-nail-polishes-multicolor-paper_181624-46175.jpg"},
|
||||
{ id: "1", name: "Nude Elegance", price: "Pricing", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-while-holding-apple_23-2148364820.jpg" },
|
||||
{ id: "2", name: "Floral Grace", price: "Pricing", imageSrc: "http://img.b2bpic.net/free-photo/two-girls-with-design-manicure-holding-leather-pink-bag_132075-12045.jpg" },
|
||||
{ id: "3", name: "Minimalist Gold", price: "Pricing", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-french-manicure_23-2149311572.jpg" },
|
||||
{ id: "4", name: "Sunset Glow", price: "Pricing", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-glass_23-2149820410.jpg" },
|
||||
{ id: "5", name: "Velvet Touch", price: "Pricing", imageSrc: "http://img.b2bpic.net/free-photo/girl-trying-artificial-nails-tips-with-flower-nail-design_127675-2641.jpg" },
|
||||
{ id: "6", name: "Classic French", price: "Pricing", imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-pink-nail-polishes-multicolor-paper_181624-46175.jpg" },
|
||||
]}
|
||||
title="Nail Design Gallery"
|
||||
description="Explore our trendy, custom nail designs and find inspiration for your next appointment."
|
||||
@@ -159,82 +113,21 @@ export default function LandingPage() {
|
||||
description="What our happy clients say about our professional nail services."
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Chloe B.", role: "Client", testimonial: "The best manicure experience!", imageSrc: "http://img.b2bpic.net/free-photo/happy-exited-young-hipster-girl-with-pink-trendy-hairs-bright-make-up-ready-celebration-winter-fur-leopard-coat-positive-mood-ready-celebration_291049-1660.jpg?_wi=2"},
|
||||
{
|
||||
id: "2", name: "Mia S.", role: "Client", testimonial: "So impressed with the attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-content-maker-creating-new-vlog-beauty-video-showing-lipstick_1258-254813.jpg?_wi=2"},
|
||||
{
|
||||
id: "3", name: "Zara T.", role: "Client", testimonial: "Found my go-to salon!", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-pink-sweater-looking-camera-posing-high-quality-photo_114579-31514.jpg?_wi=2"},
|
||||
{
|
||||
id: "4", name: "Lila J.", role: "Client", testimonial: "Truly elegant work.", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-care-her-nails_23-2149270555.jpg?_wi=2"},
|
||||
{
|
||||
id: "5", name: "Anna K.", role: "Client", testimonial: "Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/human-facial-expressions-feelings-emotions-reaction-attractive-young-woman-dressed-stylish-clothes_343059-604.jpg?_wi=2"},
|
||||
{ id: "1", name: "Chloe B.", role: "Client", testimonial: "The best manicure experience!", imageSrc: "http://img.b2bpic.net/free-photo/happy-exited-young-hipster-girl-with-pink-trendy-hairs-bright-make-up-ready-celebration-winter-fur-leopard-coat-positive-mood-ready-celebration_291049-1660.jpg?_wi=2" },
|
||||
{ id: "2", name: "Mia S.", role: "Client", testimonial: "So impressed with the attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-content-maker-creating-new-vlog-beauty-video-showing-lipstick_1258-254813.jpg?_wi=2" },
|
||||
{ id: "3", name: "Zara T.", role: "Client", testimonial: "Found my go-to salon!", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-pink-sweater-looking-camera-posing-high-quality-photo_114579-31514.jpg?_wi=2" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Nail Studio", "Gel Glow", "Artistry Nails", "Elegant Nails", "Trendy Nails", "Pure Polish", "Glossy Studio"]}
|
||||
title="Follow Our Journey"
|
||||
description="Join our community on social media for design inspiration and updates."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "How long do gel polishes last?", content: "Typically 2-3 weeks with proper care."},
|
||||
{
|
||||
id: "f2", title: "Can I bring custom designs?", content: "Yes, absolutely! We love custom requests."},
|
||||
{
|
||||
id: "f3", title: "How to book an appointment?", content: "You can book directly via WhatsApp link below."},
|
||||
]}
|
||||
sideTitle="Questions? We have answers."
|
||||
sideDescription="Check out our FAQs regarding bookings and services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
tag="Booking"
|
||||
title="Ready to get pampered?"
|
||||
description="Book your appointment through WhatsApp to get started with your custom nail journey."
|
||||
buttonText="WhatsApp Booking"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-retro-wall-lamp-cafe_1150-10890.jpg"
|
||||
logoText="Nail Artist Studio"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Hero", href: "#hero"},
|
||||
{
|
||||
label: "Gallery", href: "#gallery"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Booking", href: "/contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user