bender/5e9de4ac-b7b3-4f33-9c9a-e11dc7eef6ce
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-03-29 07:52:01 +00:00
parent 34f6a1c15c b7fa70ea1c
commit 698e018e35
1 changed files with 31 additions and 170 deletions
Download Patch File Download Diff File Expand all files Collapse all files

201
src/app/page.tsx
View File

@@ -28,71 +28,33 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Our Story",
id: "about",
},
{
name: "Collection",
id: "products",
},
{
name: "Reviews",
id: "testimonials",
},
{ name: "Home", id: "hero" },
{ name: "Our Story", id: "about" },
{ name: "Collection", id: "products" },
{ name: "Reviews", id: "testimonials" },
]}
brandName="Modern Perfume"
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Sophisticated Scents"
description="Experience elegance captured in a bottle. Modern perfumery for the refined individual."
buttons={[
{
text: "Explore Collection",
href: "#products",
},
text: "Explore Collection", href: "#products"},
]}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-vector/realistic-luxury-perfume-ad-template_52683-8485.jpg",
imageAlt: "Luxurious Scent A",
},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/cute-engagement-ring-made-white-gold-with-diamond-glass-bottle-perfume_8353-11279.jpg",
imageAlt: "Luxurious Scent B",
},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-tall-glass-black-vase-with-blue-flowers-wooden-floor_140725-12920.jpg",
imageAlt: "Luxurious Scent C",
},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-natural-argan-oil-dropper_23-2149016617.jpg",
imageAlt: "Luxurious Scent D",
},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-serum-bottle-still-life_23-2149249550.jpg",
imageAlt: "Luxurious Scent E",
},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-psd/perfume-template-design_23-2151564363.jpg",
imageAlt: "Luxurious Scent F",
},
{ id: "1", imageSrc: "http://img.b2bpic.net/free-vector/realistic-luxury-perfume-ad-template_52683-8485.jpg", imageAlt: "Luxurious Scent A" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/cute-engagement-ring-made-white-gold-with-diamond-glass-bottle-perfume_8353-11279.jpg", imageAlt: "Luxurious Scent B" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/side-view-tall-glass-black-vase-with-blue-flowers-wooden-floor_140725-12920.jpg", imageAlt: "Luxurious Scent C" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-natural-argan-oil-dropper_23-2149016617.jpg", imageAlt: "Luxurious Scent D" },
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-serum-bottle-still-life_23-2149249550.jpg", imageAlt: "Luxurious Scent E" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-psd/perfume-template-design_23-2151564363.jpg", imageAlt: "Luxurious Scent F" },
]}
/>
</div>
@@ -101,19 +63,9 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "The Art of ",
},
{
type: "image",
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvXNG6Do0UDkLn9sH5LEUmtGH/uploaded-1774770666054-166vysmb.png",
alt: "Fragrance bottle",
},
{
type: "text",
content: " Pure Fragrance",
},
{ type: "text", content: "The Art of " },
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbvXNG6Do0UDkLn9sH5LEUmtGH/uploaded-1774770666054-166vysmb.png", alt: "Fragrance bottle" },
{ type: "text", content: " Pure Fragrance" },
]}
/>
</div>
@@ -125,27 +77,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Midnight Bloom",
price: "$120",
variant: "Eau de Parfum",
imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669106.jpg",
},
{
id: "p2",
name: "Golden Hour",
price: "$145",
variant: "Eau de Toilette",
imageSrc: "http://img.b2bpic.net/free-photo/minimal-beauty-products-assortment_23-2148961344.jpg",
},
{
id: "p3",
name: "Cedar Mist",
price: "$135",
variant: "Parfum",
imageSrc: "http://img.b2bpic.net/free-photo/glass-perfume-bottle-minimal-beauty-product-packaging-with-design-space_53876-126578.jpg",
},
{ id: "p1", name: "Midnight Bloom", price: "$120", variant: "Eau de Parfum", imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669106.jpg" },
{ id: "p2", name: "Golden Hour", price: "$145", variant: "Eau de Toilette", imageSrc: "http://img.b2bpic.net/free-photo/minimal-beauty-products-assortment_23-2148961344.jpg" },
{ id: "p3", name: "Cedar Mist", price: "$135", variant: "Parfum", imageSrc: "http://img.b2bpic.net/free-photo/glass-perfume-bottle-minimal-beauty-product-packaging-with-design-space_53876-126578.jpg" },
]}
title="Our Signature Scents"
description="A curated collection for every mood."
@@ -154,63 +88,20 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Elena S.",
role: "Creative Director",
company: "DesignCo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-beautiful-young-woman-posing_1301-3611.jpg?_wi=1",
},
{
id: "t2",
name: "Mark L.",
role: "Artist",
company: "Studio",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
},
{
id: "t3",
name: "Sophia B.",
role: "Marketing",
company: "LuxuryGroup",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-library_273609-15845.jpg",
},
{
id: "t4",
name: "James P.",
role: "Designer",
company: "Freelance",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg",
},
{
id: "t5",
name: "Chloe M.",
role: "Entrepreneur",
company: "Venture",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-beautiful-young-woman-posing_1301-3611.jpg?_wi=2",
},
{ id: "t1", name: "Elena S.", role: "Creative Director", company: "DesignCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-beautiful-young-woman-posing_1301-3611.jpg" },
{ id: "t2", name: "Mark L.", role: "Artist", company: "Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg" },
{ id: "t3", name: "Sophia B.", role: "Marketing", company: "LuxuryGroup", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-library_273609-15845.jpg" },
{ id: "t4", name: "James P.", role: "Designer", company: "Freelance", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg" },
{ id: "t5", name: "Chloe M.", role: "Entrepreneur", company: "Venture", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-beautiful-young-woman-posing_1301-3611.jpg" },
]}
kpiItems={[
{
value: "1000+",
label: "Happy Clients",
},
{
value: "4.9",
label: "Avg Rating",
},
{
value: "15+",
label: "Global Awards",
},
{ value: "1000+", label: "Happy Clients" },
{ value: "4.9", label: "Avg Rating" },
{ value: "15+", label: "Global Awards" },
]}
title="Customer Stories"
description="What our clients are saying about us."
@@ -220,48 +111,18 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Get in Touch"
title="Join Our Mailing List"
description="Receive exclusive updates on our latest scent releases and luxury collaborations."
inputPlaceholder="Enter your email address"
buttonText="Subscribe"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Collection",
href: "#products",
},
{
label: "About Us",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
{ items: [ { label: "Collection", href: "#products" }, { label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" } ] },
{ items: [ { label: "Instagram", href: "#" }, { label: "Privacy Policy", href: "#" } ] },
]}
logoText="Modern Perfume"
/>