Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
205
src/app/page.tsx
205
src/app/page.tsx
@@ -31,132 +31,81 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Brand Story",
|
||||
id: "#brand-story",
|
||||
},
|
||||
name: "Brand Story", id: "#brand-story"},
|
||||
{
|
||||
name: "Formula",
|
||||
id: "#formula",
|
||||
},
|
||||
name: "Formula", id: "#formula"},
|
||||
{
|
||||
name: "Ritual",
|
||||
id: "#ritual",
|
||||
},
|
||||
name: "Ritual", id: "#ritual"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Pre-Launch",
|
||||
id: "#pre-launch-cta",
|
||||
},
|
||||
name: "Pre-Launch", id: "#pre-launch-cta"},
|
||||
]}
|
||||
brandName="NEKTA VIRA"
|
||||
animateOnLoad={true}
|
||||
button={{
|
||||
text: "Shop Now", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="NEKTA VIRA"
|
||||
description="Where Luxury Meets Lather. The Rarest Ritual."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420649.jpg",
|
||||
imageAlt: "Nekta Vira Luxury Shampoo Bottle",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420649.jpg", imageAlt: "Nekta Vira Luxury Shampoo Bottle"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-cream-floating-water_23-2150963118.jpg",
|
||||
imageAlt: "Luxury Shampoo in Elegant Setting",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-cream-floating-water_23-2150963118.jpg", imageAlt: "Luxury Shampoo in Elegant Setting"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420728.jpg",
|
||||
imageAlt: "Premium Hair Care Product with Gold Accents",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420728.jpg", imageAlt: "Premium Hair Care Product with Gold Accents"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420638.jpg",
|
||||
imageAlt: "Exclusive Botanical Shampoo Bottle",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420638.jpg", imageAlt: "Exclusive Botanical Shampoo Bottle"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669132.jpg",
|
||||
imageAlt: "High-End Hair Treatment for Lustrous Hair",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669132.jpg", imageAlt: "High-End Hair Treatment for Lustrous Hair"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242148.jpg",
|
||||
imageAlt: "Sacred Nectar Shampoo with Reflective Surface",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242148.jpg", imageAlt: "Sacred Nectar Shampoo with Reflective Surface"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-blue-cups-bottle_23-2149869791.jpg",
|
||||
imageAlt: "Artisanal Hair Elixir Bottle",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-blue-cups-bottle_23-2149869791.jpg", imageAlt: "Artisanal Hair Elixir Bottle"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-display-makeup-products-assortment_23-2150063090.jpg",
|
||||
imageAlt: "Luxury Hair Product on Dark Background",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-display-makeup-products-assortment_23-2150063090.jpg", imageAlt: "Luxury Hair Product on Dark Background"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-composition-spa-bath-concept_23-2148094180.jpg",
|
||||
imageAlt: "Premium Hair Cleanser with Soft Lighting",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-composition-spa-bath-concept_23-2148094180.jpg", imageAlt: "Premium Hair Cleanser with Soft Lighting"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420627.jpg",
|
||||
imageAlt: "Exquisite Hair Care for a Divine Experience",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420627.jpg", imageAlt: "Exquisite Hair Care for a Divine Experience"},
|
||||
]}
|
||||
tag="Launching June 15"
|
||||
tagIcon={Sparkles}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portait-charming-caucasian-lady-poses-camera-picture-isolated-dark-blur-background_132075-9658.jpg",
|
||||
alt: "Sophisticated woman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portait-charming-caucasian-lady-poses-camera-picture-isolated-dark-blur-background_132075-9658.jpg", alt: "Sophisticated woman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-intellegent-man-white-shirt-dark-photo-studio_613910-3434.jpg",
|
||||
alt: "Elegant man",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-intellegent-man-white-shirt-dark-photo-studio_613910-3434.jpg", alt: "Elegant man"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-lady-stylish-red-outfit-looks-into-camera_197531-27288.jpg",
|
||||
alt: "Glamorous woman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-lady-stylish-red-outfit-looks-into-camera_197531-27288.jpg", alt: "Glamorous woman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-sceptical-creative-man-green-blazer-dark-background_613910-3829.jpg",
|
||||
alt: "Thoughtful man",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-sceptical-creative-man-green-blazer-dark-background_613910-3829.jpg", alt: "Thoughtful man"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-fashionable-blond-girl-with-blue-eyes_613910-14957.jpg",
|
||||
alt: "Confident woman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-fashionable-blond-girl-with-blue-eyes_613910-14957.jpg", alt: "Confident woman"},
|
||||
]}
|
||||
avatarText="Trusted by discerning connoisseurs worldwide."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ultra-Premium",
|
||||
},
|
||||
type: "text", text: "Ultra-Premium"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sacred Botanicals",
|
||||
},
|
||||
type: "text", text: "Sacred Botanicals"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless Ritual",
|
||||
},
|
||||
type: "text", text: "Timeless Ritual"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Exquisite Formulation",
|
||||
},
|
||||
type: "text", text: "Exquisite Formulation"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Beyond Luxury",
|
||||
},
|
||||
type: "text", text: "Beyond Luxury"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -165,7 +114,6 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Crafted from Earth's Rarest Botanicals"
|
||||
description="Nekta Vira is a testament to ancient luxury, harmoniously blended with modern science. Each drop embodies a sacred ritual, meticulously formulated from the earth's most precious and rare botanical essences to elevate your hair care to an art form. We meticulously source ingredients that are not only rare but ethically harvested, ensuring purity and potency in every bottle."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -176,25 +124,13 @@ export default function LandingPage() {
|
||||
description="Unveiling the potent alchemy of Nekta Vira, where purity meets unparalleled performance through nature's most revered ingredients."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "argan",
|
||||
title: "ARGAN",
|
||||
content: "Rich in vitamins and antioxidants, Argan oil deeply nourishes and restores hair’s natural luster and strength, combating dryness with unparalleled softness.",
|
||||
},
|
||||
id: "argan", title: "ARGAN", content: "Rich in vitamins and antioxidants, Argan oil deeply nourishes and restores hair’s natural luster and strength, combating dryness with unparalleled softness."},
|
||||
{
|
||||
id: "neroli",
|
||||
title: "NEROLI",
|
||||
content: "The delicate essence of Neroli revitalizes the scalp, promoting healthy growth and imparting a subtle, captivating fragrance that lingers.",
|
||||
},
|
||||
id: "neroli", title: "NEROLI", content: "The delicate essence of Neroli revitalizes the scalp, promoting healthy growth and imparting a subtle, captivating fragrance that lingers."},
|
||||
{
|
||||
id: "saffron",
|
||||
title: "SAFFRON",
|
||||
content: "Infused with precious saffron threads, this luxurious ingredient provides potent anti-inflammatory benefits, ensuring a calm and balanced scalp.",
|
||||
},
|
||||
id: "saffron", title: "SAFFRON", content: "Infused with precious saffron threads, this luxurious ingredient provides potent anti-inflammatory benefits, ensuring a calm and balanced scalp."},
|
||||
{
|
||||
id: "keratin-gold",
|
||||
title: "KERATIN GOLD",
|
||||
content: "Liquid gold keratin reinforces each strand, rebuilding from within to deliver extraordinary resilience, shine, and a visibly youthful texture.",
|
||||
},
|
||||
id: "keratin-gold", title: "KERATIN GOLD", content: "Liquid gold keratin reinforces each strand, rebuilding from within to deliver extraordinary resilience, shine, and a visibly youthful texture."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-detailed-macro-leaf_23-2148780495.jpg"
|
||||
imageAlt="Abstract organic botanical illustration"
|
||||
@@ -209,29 +145,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "i",
|
||||
value: "I",
|
||||
title: "PURIFY",
|
||||
description: "Gently cleanse with a generous lather, massaging into the scalp to awaken senses.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/water-droplet-puzzle-set_78370-8302.jpg",
|
||||
imageAlt: "Purify icon",
|
||||
},
|
||||
id: "i", value: "I", title: "PURIFY", description: "Gently cleanse with a generous lather, massaging into the scalp to awaken senses.", imageSrc: "http://img.b2bpic.net/free-vector/water-droplet-puzzle-set_78370-8302.jpg", imageAlt: "Purify icon"},
|
||||
{
|
||||
id: "ii",
|
||||
value: "II",
|
||||
title: "NOURISH",
|
||||
description: "Allow the rich formula to infuse, leaving hair silky-soft and deeply conditioned.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-shimmering-leaf-pink_53876-95589.jpg",
|
||||
imageAlt: "Nourish icon",
|
||||
},
|
||||
id: "ii", value: "II", title: "NOURISH", description: "Allow the rich formula to infuse, leaving hair silky-soft and deeply conditioned.", imageSrc: "http://img.b2bpic.net/free-photo/golden-shimmering-leaf-pink_53876-95589.jpg", imageAlt: "Nourish icon"},
|
||||
{
|
||||
id: "iii",
|
||||
value: "III",
|
||||
title: "REGENERATE",
|
||||
description: "Rinse thoroughly to reveal hair revitalized, gleaming with an ethereal brilliance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/virtual-assistant-technology-vector-irregular-circle-shape-gold_53876-112217.jpg",
|
||||
imageAlt: "Regenerate icon",
|
||||
},
|
||||
id: "iii", value: "III", title: "REGENERATE", description: "Rinse thoroughly to reveal hair revitalized, gleaming with an ethereal brilliance.", imageSrc: "http://img.b2bpic.net/free-vector/virtual-assistant-technology-vector-irregular-circle-shape-gold_53876-112217.jpg", imageAlt: "Regenerate icon"},
|
||||
]}
|
||||
title="The Rarest Ritual: Your Path to Transcendent Hair"
|
||||
description="Embrace the Nekta Vira experience with three simple steps, transforming your daily routine into a moment of pure luxury and sacred self-care."
|
||||
@@ -246,25 +164,15 @@ export default function LandingPage() {
|
||||
author="Genevieve Beaumont, Duchess of Lumina"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-redhead-female-employee-with-hair-bun-posing-indoors-dressed-light-blue-formal-shirt-getting-prepared-work-having-serious-look-horizontal-isolated-shot_273609-29.jpg",
|
||||
alt: "Genevieve Beaumont",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-redhead-female-employee-with-hair-bun-posing-indoors-dressed-light-blue-formal-shirt-getting-prepared-work-having-serious-look-horizontal-isolated-shot_273609-29.jpg", alt: "Genevieve Beaumont"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-lawyer_23-2151054039.jpg",
|
||||
alt: "Anya Sharma",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-lawyer_23-2151054039.jpg", alt: "Anya Sharma"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pisces-portrait-beautiful-woman_23-2149275131.jpg",
|
||||
alt: "Lord Alistair Finch",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pisces-portrait-beautiful-woman_23-2149275131.jpg", alt: "Lord Alistair Finch"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lonely-man-stands-before-window-room_1304-5420.jpg",
|
||||
alt: "Isabelle Dubois",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lonely-man-stands-before-window-room_1304-5420.jpg", alt: "Isabelle Dubois"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-cartoon-woman-portrait_23-2151839640.jpg",
|
||||
alt: "Beautiful cartoon woman portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-cartoon-woman-portrait_23-2151839640.jpg", alt: "Beautiful cartoon woman portrait"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -275,16 +183,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Limited Release"
|
||||
title="Be First. Reserve Your Ritual."
|
||||
description="Receive exclusive updates and early access as Nekta Vira prepares for its sacred launch on June 15, 2025. Be among the first to experience true luxury. Don't miss the opportunity to elevate your hair care to an art form."
|
||||
buttons={[
|
||||
{
|
||||
text: "Notify Me",
|
||||
href: "#",
|
||||
},
|
||||
text: "Notify Me", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -295,33 +200,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact Us", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/nektavira",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/nektavira"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com/nektavira",
|
||||
},
|
||||
label: "Facebook", href: "https://facebook.com/nektavira"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "https://twitter.com/nektavira",
|
||||
},
|
||||
label: "Twitter", href: "https://twitter.com/nektavira"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user