Compare commits
12 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| b3cd203a9f | |||
| 47d4941a7b | |||
| 708ea0328c | |||
| 329b912c18 | |||
| 4d34492164 | |||
| f60fd6ad49 | |||
| c8767896a5 | |||
| 15a47f2de7 | |||
| 472ef31192 | |||
| 3d7819a30b | |||
| 185f6935e3 | |||
| 41f407178a |
303
src/app/page.tsx
303
src/app/page.tsx
@@ -2,17 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Sparkles } from "lucide-react";
|
||||
import { Palette, Sparkles, Smile, Brush } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,218 +26,98 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Aksh Aesthetic"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Kits", id: "products" },
|
||||
{ name: "Philosophy", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Little Artists Studio"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Redefining Your Radiance"
|
||||
description="Discover the art of skincare with Aksh Aesthetic. Where luxury meets results in a curated collection of premium products."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-composition-spa-bath-concept_23-2148094178.jpg"
|
||||
imageAlt="Luxury aesthetic skincare photography"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection", href: "#products"},
|
||||
{
|
||||
text: "Join Ritual", href: "#pricing"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
title="Unlock Your Child's Creative Genius"
|
||||
description="Discover magical painting kits designed to spark imagination and artistic growth."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Explore Kits", href: "#products" },
|
||||
{ text: "Start Painting", href: "#contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Philosophy"
|
||||
title="Crafted for Excellence"
|
||||
description="At Aksh Aesthetic, we believe that beauty is a journey, not a destination. Our products are formulated with the highest quality ingredients to ensure you receive the care you truly deserve."
|
||||
subdescription="Experience our commitment to purity, efficacy, and timeless luxury."
|
||||
icon={Sparkles}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-stylish-white-office-successful-doctor_8353-9587.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
imageAlt="luxury clinic interior design"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
tag="Our Mission"
|
||||
title="Art for Every Little Soul"
|
||||
description="We believe every child is an artist, and our kits are the perfect gateway to self-expression."
|
||||
subdescription="From non-toxic paints to curated canvases, we ensure a safe and joyful creative journey."
|
||||
icon={Smile}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-girl-painting_23-2149129532.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Ingredients", description: "Sourced from the finest global botanical extracts for maximum efficacy.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hydroalcoholic-gel-close-up_23-2148858941.jpg", imageAlt: "skincare texture close up"},
|
||||
{
|
||||
title: "Visible Results", description: "Scientifically proven formulas that deliver glowing, healthy skin.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-mango_23-2149390208.jpg", imageAlt: "woman with glowing healthy skin"},
|
||||
{
|
||||
title: "Timeless Elegance", description: "Packaging that beautifies your vanity as much as your skin.", imageSrc: "http://img.b2bpic.net/free-vector/flat-abstract-double-sided-vertical-business-card-template_23-2149310202.jpg", imageAlt: "golden skincare packaging white"},
|
||||
]}
|
||||
title="Why Choose Aksh?"
|
||||
description="Elevate your daily ritual with our thoughtfully selected range of aesthetic solutions."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
title="Why Creative Kids Love Us"
|
||||
description="Safety, fun, and artistic development in every box."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Brush, title: "Non-Toxic Fun", description: "Kid-safe materials you can trust, tested for quality." },
|
||||
{ icon: Palette, title: "Creative Guides", description: "Step-by-step prompts to help ideas bloom." },
|
||||
{ icon: Sparkles, title: "All-in-One Kits", description: "Everything needed to create masterpieces at home." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Luminous Serum", price: "$125", imageSrc: "http://img.b2bpic.net/free-photo/natural-jojoba-oil-composition_23-2149047762.jpg", imageAlt: "luxury serum bottle gold"},
|
||||
{
|
||||
id: "p2", name: "Gold Revive Mask", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/gua-sha-face-roller-plate-arrangement_23-2149357121.jpg", imageAlt: "gold skincare jar luxury"},
|
||||
{
|
||||
id: "p3", name: "Pure Eye Balm", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420722.jpg", imageAlt: "eye cream gold container luxury"},
|
||||
{
|
||||
id: "p4", name: "Hydrate Toner", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/natural-jojoba-oil-composition_23-2149047770.jpg", imageAlt: "luxury toner bottle gold"},
|
||||
{
|
||||
id: "p5", name: "Deep Repair Balm", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-hands-holding-jar-cream_171337-12781.jpg", imageAlt: "moisturizing balm luxury"},
|
||||
{
|
||||
id: "p6", name: "Gentle Face Wash", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-cleansing-face_23-2149453564.jpg", imageAlt: "luxury face wash packaging"},
|
||||
]}
|
||||
title="Curated Essentials"
|
||||
description="Explore our flagship range of aesthetic skincare products designed to transform your routine."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
title="Featured Painting Kits"
|
||||
description="Choose the perfect kit for your budding artist."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "Magical Forest Kit", price: "$29", variant: "Starter", imageSrc: "http://img.b2bpic.net/free-photo/paint-brushes-kids_23-2149129532.jpg" },
|
||||
{ id: "2", name: "Galaxy Explorer Kit", price: "$35", variant: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/colorful-paints-kids_23-2149129532.jpg" },
|
||||
{ id: "3", name: "Ocean Dreams Set", price: "$25", variant: "Fun", imageSrc: "http://img.b2bpic.net/free-photo/creative-kids-supplies_23-2149129532.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic", tag: "Essential", price: "$49", period: "/mo", description: "Get started with your core aesthetic routine.", button: {
|
||||
text: "Join Ritual"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"10% off all products", "Monthly newsletter", "Basic routine consultation"],
|
||||
},
|
||||
{
|
||||
id: "pro", tag: "Elite", price: "$129", period: "/mo", description: "The ultimate luxury skincare experience for true enthusiasts.", button: {
|
||||
text: "Join Elite"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"20% off all products", "Personal aesthetician chat", "Exclusive early access"],
|
||||
},
|
||||
{
|
||||
id: "vip", tag: "Concierge", price: "$299", period: "/mo", description: "Fully personalized luxury care delivered to your doorstep.", button: {
|
||||
text: "Join Concierge"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"30% off all products", "Custom formulated monthly box", "Priority 24/7 support"],
|
||||
},
|
||||
]}
|
||||
title="Membership & Rituals"
|
||||
description="Join our inner circle for exclusive benefits, early access to new drops, and professional aesthetic guidance."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Join the Fun"
|
||||
title="Let's Get Painting!"
|
||||
description="Questions about our kits or need a custom gift recommendation? We are here to help."
|
||||
buttons={[
|
||||
{ text: "Contact Our Team", href: "#contact" },
|
||||
{ text: "Gift a Kit", href: "https://wa.me/" }
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Elena R.", role: "Fashion Editor", testimonial: "The Luminous Serum is a game-changer. My skin has never looked this radiant.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blond-woman-boho-summer-outfit-posing-oudoor-wearing-stylish-necklace-tropical-mood_273443-5070.jpg"},
|
||||
{
|
||||
id: "t2", name: "Marcus D.", role: "Art Director", testimonial: "Aksh Aesthetic products are the definition of luxury. Absolutely exquisite quality.", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-sensual-elegant-woman-wearing-evening-trendy-dress-jewelry-laying-bed-posing-luxury-hotel-soft-toned-colors_291049-1143.jpg"},
|
||||
{
|
||||
id: "t3", name: "Sophia L.", role: "Wellness Coach", testimonial: "I love the philosophy behind this brand. Truly holistic and transformative.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-relaxing-sofa_329181-4315.jpg"},
|
||||
{
|
||||
id: "t4", name: "Julian V.", role: "Architect", testimonial: "The packaging and product quality are both 10/10. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-makeup-with-thick-eyebrows_52683-119004.jpg"},
|
||||
{
|
||||
id: "t5", name: "Amelia B.", role: "Interior Designer", testimonial: "A beautiful experience from start to finish. My vanity looks so elegant now.", imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-casual-summer-clothes_158538-10207.jpg"},
|
||||
]}
|
||||
title="Loved by Connoisseurs"
|
||||
description="Real results from our discerning community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "Are products suitable for all skin types?", content: "Yes, our flagship range is dermatologist-tested and formulated to be gentle on all skin profiles."},
|
||||
{
|
||||
id: "q2", title: "Do you offer international shipping?", content: "We currently ship to over 50 countries worldwide with secure, tracked delivery."},
|
||||
{
|
||||
id: "q3", title: "How long until I see results?", content: "Many of our clients report a visible difference within just 14 days of consistent ritual use."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We're here to guide your aesthetic journey."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Start Your Ritual"
|
||||
description="Connect with our team for personalized recommendations or general inquiries. We are here to assist."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "How can we help your skin today?", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683411.jpg"
|
||||
imageAlt="luxury spa aesthetic interior"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop", href: "#products"},
|
||||
{
|
||||
label: "Consultation", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Philosophy", href: "#about"},
|
||||
{
|
||||
label: "Membership", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Help", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="AKSH"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Little Artists"
|
||||
columns={[
|
||||
{ items: [{ label: "Shop Kits", href: "#products" }, { label: "Our Story", href: "#about" }] },
|
||||
{ items: [{ label: "Creative Blog", href: "#" }, { label: "Gift Cards", href: "#" }] },
|
||||
{ items: [{ label: "Contact Support", href: "#contact" }, { label: "FAQs", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user