Merge version_3 into main #3
302
src/app/page.tsx
302
src/app/page.tsx
@@ -2,17 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
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 { CheckCircle, Sparkles, Home, ShoppingBag, MessageSquare, Info, Star, Mail } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,219 +27,97 @@ 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: "Products", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Home Decor 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="Beautiful Home Decor for Modern Spaces"
|
||||
description="Handpicked decor pieces for your home"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Shop Collection", href: "#products" },
|
||||
{ text: "View Products", href: "#products" },
|
||||
{ text: "WhatsApp Order", href: "https://wa.me/" }
|
||||
]}
|
||||
/>
|
||||
</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="About Us"
|
||||
title="Our Brand Story"
|
||||
description="We curate high-quality decor to help you express your unique style."
|
||||
subdescription="Every piece is hand-selected for its craftsmanship and design excellence."
|
||||
icon={Info}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-minimalist-home-interior_23-2149133887.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</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 Choose Us"
|
||||
description="Discover the difference of quality and design."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: CheckCircle, title: "Curated Quality", description: "Only the finest materials for your living space." },
|
||||
{ icon: Star, title: "Timeless Design", description: "Pieces that never go out of style." },
|
||||
{ icon: Home, title: "Expert Support", description: "Dedicated help to find your perfect decor." },
|
||||
]}
|
||||
/>
|
||||
</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 Products"
|
||||
description="Explore our latest additions for your home."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "Table Lamp", price: "$120", variant: "Modern", imageSrc: "http://img.b2bpic.net/free-photo/elegant-table-lamp-minimalist-room_23-2149129532.jpg" },
|
||||
{ id: "2", name: "Wall Hanging Set", price: "$85", variant: "Artistic", imageSrc: "http://img.b2bpic.net/free-photo/abstract-wall-art-decor_23-2149129532.jpg" },
|
||||
{ id: "3", name: "Ceramic Vase", price: "$45", variant: "Handmade", imageSrc: "http://img.b2bpic.net/free-photo/ceramic-vase-minimalist-style_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="Book Now"
|
||||
title="Need Guidance?"
|
||||
description="We help you choose the right pieces for your home. Schedule a consultation today!"
|
||||
buttons={[
|
||||
{ text: "Book Your Consultation", href: "#contact" },
|
||||
{ text: "WhatsApp Order", href: "https://wa.me/" }
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
/>
|
||||
</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,
|
||||
}}
|
||||
buttonText="Book Your Consultation"
|
||||
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="Home Decor"
|
||||
columns={[
|
||||
{ items: [{ label: "Shop", href: "#products" }, { label: "About", href: "#about" }] },
|
||||
{ items: [{ label: "Instagram", href: "#" }, { label: "WhatsApp", href: "#" }] },
|
||||
{ items: [{ label: "Contact", href: "#contact" }, { label: "Support", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user