Update src/app/page.tsx

This commit is contained in:
2026-06-10 06:34:44 +00:00
parent 1032e83b78
commit 3966e9c6d9

View File

@@ -6,7 +6,7 @@ import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase'; import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven'; import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterBase from '@/components/sections/footer/FooterBase'; import FooterBase from '@/components/sections/footer/FooterBase';
import HeroCentered from '@/components/sections/hero/HeroCentered'; import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive'; import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ProductCardFour from '@/components/sections/product/ProductCardFour'; import ProductCardFour from '@/components/sections/product/ProductCardFour';
@@ -58,26 +58,11 @@ export default function LandingPage() {
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroCentered <HeroBillboardCarousel
background={{ background={{
variant: "radial-gradient"}} variant: "radial-gradient"}}
title="Discover Your Signature Scent" title="Discover Your Signature Scent"
description="Experience the art of perfumery with AromaLux. Handcrafted fragrances designed to captivate and inspire." description="Experience the art of perfumery with AromaLux. Handcrafted fragrances designed to captivate and inspire."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/beautiful-black-white-minimal-design_23-2149253105.jpg", alt: "Elegant perfume bottle"},
{
src: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420734.jpg", alt: "Minimalist white perfume"},
{
src: "http://img.b2bpic.net/free-photo/front-view-perfume-bottle-purple-blurred-background_140725-145531.jpg", alt: "Modern perfume bottle"},
{
src: "http://img.b2bpic.net/free-photo/top-view-empty-perfume-bottle_23-2149234340.jpg", alt: "Natural elements perfume"},
{
src: "http://img.b2bpic.net/free-photo/luxury-perfume-container_1048-1922.jpg", alt: "Luxury shimmer perfume"},
{
src: "http://img.b2bpic.net/free-photo/women-s-day-still-life-with-makeup-jewelry_23-2149263174.jpg", alt: "Artistic reflection perfume"},
]}
avatarText="Explore our captivating range"
buttons={[ buttons={[
{ {
text: "Explore Collection", href: "#products"}, text: "Explore Collection", href: "#products"},
@@ -85,17 +70,16 @@ export default function LandingPage() {
text: "Our Story", href: "#about"}, text: "Our Story", href: "#about"},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
marqueeItems={[ mediaItems={[
{ {
type: "text", text: "Exquisite Craftsmanship"}, imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307320.jpg?_wi=1", imageAlt: "Monochrome beauty product"
},
{ {
type: "text", text: "Sustainable Luxury"}, imageSrc: "http://img.b2bpic.net/free-photo/swirls-foam-blue-liquid_23-2148346909.jpg?_wi=1", imageAlt: "Swirls foam blue liquid"
},
{ {
type: "text", text: "Timeless Elegance"}, imageSrc: "http://img.b2bpic.net/free-photo/still-life-cosmetic-products_23-2149163167.jpg?_wi=1", imageAlt: "Still life cosmetic products"
{ }
type: "text", text: "Signature Scents"},
{
type: "text", text: "Art of Fragrance"},
]} ]}
/> />
</div> </div>
@@ -141,16 +125,16 @@ export default function LandingPage() {
<div id="products" data-section="products"> <div id="products" data-section="products">
<ProductCardFour <ProductCardFour
animationType="slide-up" animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "p1", name: "Aura Bloom", price: "$120", variant: "Eau de Parfum", imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307320.jpg", imageAlt: "Aura Bloom Perfume"}, id: "p1", name: "Aura Bloom", price: "$120", variant: "Eau de Parfum", imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307320.jpg?_wi=2", imageAlt: "Aura Bloom Perfume"},
{ {
id: "p2", name: "Serenity Mist", price: "$110", variant: "Eau de Toilette", imageSrc: "http://img.b2bpic.net/free-photo/swirls-foam-blue-liquid_23-2148346909.jpg", imageAlt: "Serenity Mist Perfume"}, id: "p2", name: "Serenity Mist", price: "$110", variant: "Eau de Toilette", imageSrc: "http://img.b2bpic.net/free-photo/swirls-foam-blue-liquid_23-2148346909.jpg?_wi=2", imageAlt: "Serenity Mist Perfume"},
{ {
id: "p3", name: "Ignite Elixir", price: "$135", variant: "Extrait de Parfum", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cosmetic-products_23-2149163167.jpg", imageAlt: "Ignite Elixir Perfume"}, id: "p3", name: "Ignite Elixir", price: "$135", variant: "Extrait de Parfum", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cosmetic-products_23-2149163167.jpg?_wi=2", imageAlt: "Ignite Elixir Perfume"},
{ {
id: "p4", name: "Blooming Charm", price: "$105", variant: "Eau de Parfum", imageSrc: "http://img.b2bpic.net/free-photo/serum-bottle-yellow-flower-arrangement_23-2149353084.jpg", imageAlt: "Blooming Charm Perfume"}, id: "p4", name: "Blooming Charm", price: "$105", variant: "Eau de Parfum", imageSrc: "http://img.b2bpic.net/free-photo/serum-bottle-yellow-flower-arrangement_23-2149353084.jpg", imageAlt: "Blooming Charm Perfume"},
{ {