236 lines
13 KiB
TypeScript
236 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
|
|
import HeroBillboardCarouselSplit from '@/components/sections/hero/HeroBillboardCarouselSplit';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Sparkles, Palette, Heart, Star, Instagram, ExternalLink, Mail } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="medium"
|
|
background="floatingGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleMinimal
|
|
brandName="Sparkle Studios"
|
|
button={{
|
|
text: "Book Your Design", href: "contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarouselSplit
|
|
title="Nail Art That Sparkles with Creativity"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/close-up-creative-hand-with-golden-stars_23-2148346364.jpg", imageAlt: "Sparkle nail art design with glitter"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/silver-aesthetic-wallpaper-with-glittery-hands_23-2149871739.jpg", imageAlt: "Star nail art with celestial design"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/still-life-glittery-composition-decoration_23-2149129302.jpg", imageAlt: "Heart nail design with romantic sparkles"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/close-up-hand-with-golden-glitter_23-2148346361.jpg", imageAlt: "Creative nail art with mixed sparkle elements"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/close-up-woman-hands-with-silver-glitter-top-view_23-2148346493.jpg", imageAlt: "Professional nail design showcase"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/creative-festive-confetti-arrangement_23-2149129285.jpg", imageAlt: "Complete nail art gallery display"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "View My Gallery", href: "product"
|
|
},
|
|
{
|
|
text: "Book a Consultation", href: "contact"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{
|
|
type: "text", content: "I'm a passionate nail artist dedicated to creating"
|
|
},
|
|
{
|
|
type: "image", src: "https://img.b2bpic.net/free-vector/pastel-watercolor-with-golden-frame_23-2148800519.jpg", alt: "Sparkle Studios logo"
|
|
},
|
|
{
|
|
type: "text", content: "extraordinary designs that make you feel confident and beautiful"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Learn More", href: "#feature"
|
|
},
|
|
{
|
|
text: "See Portfolio", href: "#product"
|
|
}
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="feature" data-section="feature">
|
|
<FeatureCardEight
|
|
title="My Creative Process"
|
|
description="From vision to finished masterpiece—every nail tells a story"
|
|
tag="How It Works"
|
|
tagIcon={Sparkles}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Design & Consultation", description: "We collaborate to understand your vision, style preferences, and the perfect theme for your custom nail art creation.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-creative-hand-with-glitter_23-2148346362.jpg"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Color Selection", description: "Carefully curate the perfect palette of sparkles, stars, and heart accents that will bring your design to life with stunning detail.", imageSrc: "https://img.b2bpic.net/free-photo/pink-liquid-with-green-crumbs_23-2147934665.jpg"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Precision Application", description: "Using advanced techniques and premium products, I hand-paint every sparkle and star with meticulous attention to detail.", imageSrc: "https://img.b2bpic.net/free-photo/still-life-glittery-composition-decoration_23-2149129282.jpg"
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Final Masterpiece", description: "Reveal your stunning custom nail art design—a wearable work of art that's uniquely yours and ready to turn heads.", imageSrc: "https://img.b2bpic.net/free-photo/hand-glitter-with-copy-space_23-2148346353.jpg"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="product" data-section="product">
|
|
<ProductCardFour
|
|
title="Featured Designs"
|
|
description="Explore my signature collection of sparkle, star, and heart nail art designs"
|
|
tag="Portfolio"
|
|
tagIcon={Palette}
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
products={[
|
|
{
|
|
id: "1", name: "Celestial Sparkle Collection", price: "$65", variant: "Glitter • 4 Design Variations", imageSrc: "https://img.b2bpic.net/free-photo/violet-liquid-with-colourful-crumbs_23-2147934659.jpg", imageAlt: "Sparkle nail design with glitter accents"
|
|
},
|
|
{
|
|
id: "2", name: "Starlight Dreams", price: "$60", variant: "Stars • Hand-Painted Details", imageSrc: "https://img.b2bpic.net/free-photo/usa-independence-day-concept-with-hands-holding-confetti_23-2147828542.jpg", imageAlt: "Star nail art design"
|
|
},
|
|
{
|
|
id: "3", name: "Love & Hearts", price: "$55", variant: "Hearts • Romantic Theme", imageSrc: "https://img.b2bpic.net/free-photo/closeup-glittery-shimmery-shiny-pills-capsule-background_53876-33615.jpg", imageAlt: "Heart nail art design"
|
|
},
|
|
{
|
|
id: "4", name: "Mixed Magic", price: "$75", variant: "All Elements • Premium Design", imageSrc: "https://img.b2bpic.net/free-photo/overhead-view-colorful-transparent-sequin-capsule-hand-pink-background_23-2147827526.jpg", imageAlt: "Mixed sparkle, star, and heart design"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardTwo
|
|
title="Client Love"
|
|
description="What my amazing clients have to say about their nail art experience"
|
|
tag="Testimonials"
|
|
tagIcon={Heart}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Jessica Martinez", role: "Fashion Influencer", testimonial: "The nail art work is absolutely incredible! The attention to detail with every sparkle and star is unmatched. I get compliments everywhere I go!", imageSrc: "https://img.b2bpic.net/free-photo/thoughtful-artist_23-2147781632.jpg"
|
|
},
|
|
{
|
|
id: "2", name: "Amanda Chen", role: "Wedding Planner", testimonial: "Perfect for my special day! The custom heart design was exactly what I envisioned. Professional, creative, and stunning results.", imageSrc: "https://img.b2bpic.net/free-photo/skilled-artist-stands-before-easel-painting-watercolor-rustic-scene_482257-124812.jpg"
|
|
},
|
|
{
|
|
id: "3", name: "Sarah Thompson", role: "Business Executive", testimonial: "I was amazed by the creativity and precision. These are not just nails—they're wearable art. Highly recommended for anyone seeking unique designs.", imageSrc: "https://img.b2bpic.net/free-photo/artist-thinking_23-2147781630.jpg"
|
|
},
|
|
{
|
|
id: "4", name: "Michelle Rodriguez", role: "Photographer", testimonial: "The sparkle designs photograph beautifully! Every detail is visible and gorgeous. My clients love asking about my nails during shoots.", imageSrc: "https://img.b2bpic.net/free-photo/female-artist-chair_23-2148002491.jpg"
|
|
},
|
|
{
|
|
id: "5", name: "Emily Watson", role: "Artist & Designer", testimonial: "Finally found someone who understands true artistic vision! The star designs are celestial perfection. Worth every penny!", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-woman_23-2149050497.jpg"
|
|
},
|
|
{
|
|
id: "6", name: "Olivia Bennett", role: "Event Coordinator", testimonial: "Booked for my team's event coordination—everyone was so impressed! The custom designs made us feel special and confident.", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-artist-with-brush_23-2149050504.jpg"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Ready to Book Your Design?"
|
|
ctaDescription="Let's create something beautiful together. Schedule your consultation and bring your nail art vision to life."
|
|
ctaButton={{
|
|
text: "Book a Free Consultation", href: "https://calendly.com/sparkle-studios"
|
|
}}
|
|
ctaIcon={Star}
|
|
useInvertedBackground="noInvert"
|
|
animationType="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How long does a nail design session take?", content: "Most custom nail art sessions take 45-90 minutes depending on complexity. Detailed sparkle and star designs typically require 60-75 minutes for perfect precision."
|
|
},
|
|
{
|
|
id: "2", title: "How long do the designs last?", content: "All designs last 2-3 weeks with proper care. I use premium, long-lasting polishes and protective topcoats to ensure your sparkles, stars, and hearts stay vibrant."
|
|
},
|
|
{
|
|
id: "3", title: "Can you create custom designs?", content: "Absolutely! Custom designs are my specialty. Whether you want unique combinations of sparkles, stars, and hearts, or completely custom themes, we can create it together."
|
|
},
|
|
{
|
|
id: "4", title: "What's your pricing structure?", content: "Standard designs start at $55. Custom multi-element designs (sparkles + stars + hearts) range from $65-$85. Consultation is free!"
|
|
},
|
|
{
|
|
id: "5", title: "Do you offer mobile services?", content: "Yes! I offer on-location services for events, weddings, and parties. Mobile bookings include a small travel fee depending on distance."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Sparkle Studios"
|
|
copyrightText="© 2025 Sparkle Studios. All designs are original and uniquely crafted."
|
|
socialLinks={[
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com/sparklestudios", ariaLabel: "Instagram"
|
|
},
|
|
{
|
|
icon: ExternalLink,
|
|
href: "https://pinterest.com/sparklestudios", ariaLabel: "Pinterest"
|
|
},
|
|
{
|
|
icon: Mail,
|
|
href: "mailto:hello@sparklestudios.com", ariaLabel: "Email"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |