Merge version_1 into main #1
230
src/app/page.tsx
230
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Aksh Aesthetic"
|
||||
/>
|
||||
@@ -56,21 +48,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
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: "Explore Collection", href: "#products"},
|
||||
{
|
||||
text: "Join Ritual",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Join Ritual", href: "#pricing"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -95,23 +82,11 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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."
|
||||
@@ -126,47 +101,17 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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: "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",
|
||||
},
|
||||
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."
|
||||
@@ -175,56 +120,27 @@ export default function LandingPage() {
|
||||
|
||||
<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: "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: "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",
|
||||
],
|
||||
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"
|
||||
@@ -239,40 +155,15 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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",
|
||||
},
|
||||
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."
|
||||
@@ -285,20 +176,11 @@ export default function LandingPage() {
|
||||
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: "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: "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.",
|
||||
},
|
||||
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."
|
||||
@@ -313,22 +195,14 @@ export default function LandingPage() {
|
||||
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: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help your skin today?",
|
||||
rows: 4,
|
||||
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"
|
||||
@@ -342,37 +216,25 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop", href: "#products"},
|
||||
{
|
||||
label: "Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Consultation", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Philosophy",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Philosophy", href: "#about"},
|
||||
{
|
||||
label: "Membership",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Membership", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Help",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "Help", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user