Update src/app/page.tsx
This commit is contained in:
111
src/app/page.tsx
111
src/app/page.tsx
@@ -30,43 +30,32 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collections", id: "products"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Niko Flowers"
|
||||
button={{
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Beauty in Every Petal"
|
||||
description="Niko Studio crafts exquisite floral arrangements for every special moment, blending art, nature, and emotion."
|
||||
tag="Artisan Florist"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/g061b9820534ba54c98c48e4ff645cd6ebb5848cde55d7d39ad0bc50780621c1fd069fdb40c84fd553bbe992ef9b0a67e08e8aa39b755847da6edcf858a236da0_1280.jpg",
|
||||
imageAlt: "Flowers in studio",
|
||||
},
|
||||
imageSrc: "https://pixabay.com/get/g061b9820534ba54c98c48e4ff645cd6ebb5848cde55d7d39ad0bc50780621c1fd069fdb40c84fd553bbe992ef9b0a67e08e8aa39b755847da6edcf858a236da0_1280.jpg", imageAlt: "Flowers in studio"},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/g7bc1a58845ec9e5e5d06a2ccf6a1941ec467a8d22fa87582c39e3a66c180e6e542c75dba74f4b9a916945580a5060ab0ba81fef304c6f8e5c90db079ef6d95e9_1280.jpg",
|
||||
imageAlt: "Florist crafting",
|
||||
},
|
||||
imageSrc: "https://pixabay.com/get/g7bc1a58845ec9e5e5d06a2ccf6a1941ec467a8d22fa87582c39e3a66c180e6e542c75dba74f4b9a916945580a5060ab0ba81fef304c6f8e5c90db079ef6d95e9_1280.jpg", imageAlt: "Florist crafting"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -75,13 +64,9 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Collection", href: "#products"},
|
||||
{
|
||||
text: "Book a Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book a Consultation", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -92,24 +77,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Passion for ",
|
||||
},
|
||||
type: "text", content: "Our Passion for "},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://pixabay.com/get/g7bc1a58845ec9e5e5d06a2ccf6a1941ec467a8d22fa87582c39e3a66c180e6e542c75dba74f4b9a916945580a5060ab0ba81fef304c6f8e5c90db079ef6d95e9_1280.jpg",
|
||||
alt: "Florist",
|
||||
},
|
||||
type: "image", src: "https://pixabay.com/get/g7bc1a58845ec9e5e5d06a2ccf6a1941ec467a8d22fa87582c39e3a66c180e6e542c75dba74f4b9a916945580a5060ab0ba81fef304c6f8e5c90db079ef6d95e9_1280.jpg", alt: "Florist"},
|
||||
{
|
||||
type: "text",
|
||||
content: " Floral Artistry",
|
||||
},
|
||||
type: "text", content: " Floral Artistry"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn Our Story", href: "#about"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -123,23 +99,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Spring Essence",
|
||||
price: "$85",
|
||||
imageSrc: "https://pixabay.com/get/g42513a51f556b9f6b6b5a08dd2c9e6652a7d23f0845bc344143848ef1081ae1dc9bdbcb1c1d7eb0cf9e25534e196368b44e7235831aac468c0414c71e9dc95da_1280.jpg",
|
||||
},
|
||||
id: "p1", name: "Spring Essence", price: "$85", imageSrc: "https://pixabay.com/get/g42513a51f556b9f6b6b5a08dd2c9e6652a7d23f0845bc344143848ef1081ae1dc9bdbcb1c1d7eb0cf9e25534e196368b44e7235831aac468c0414c71e9dc95da_1280.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Rustic Elegance",
|
||||
price: "$120",
|
||||
imageSrc: "https://pixabay.com/get/g88d4a9cc868228b1cc3c77ede935fd26193933351b2fc5a3d3dadda3a87a0e5d9b18d48847a5fdb23b89f994d3e9229047e6109abc616fb5a3682be12915110a_1280.jpg",
|
||||
},
|
||||
id: "p2", name: "Rustic Elegance", price: "$120", imageSrc: "https://pixabay.com/get/g88d4a9cc868228b1cc3c77ede935fd26193933351b2fc5a3d3dadda3a87a0e5d9b18d48847a5fdb23b89f994d3e9229047e6109abc616fb5a3682be12915110a_1280.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Meadow Grace",
|
||||
price: "$95",
|
||||
imageSrc: "https://pixabay.com/get/g614957b38bcc4f74711b9b270e910dc5030882cc1e78e83c87e893cb877cdd7612c972af577763293ec0cde73c3805889cc622f9c77da9d2fb9122b0f4058a5b_1280.jpg",
|
||||
},
|
||||
id: "p3", name: "Meadow Grace", price: "$95", imageSrc: "https://pixabay.com/get/g614957b38bcc4f74711b9b270e910dc5030882cc1e78e83c87e893cb877cdd7612c972af577763293ec0cde73c3805889cc622f9c77da9d2fb9122b0f4058a5b_1280.jpg"},
|
||||
]}
|
||||
title="Our Signature Collections"
|
||||
description="Hand-curated floral arrangements for gifts, events, and everyday beauty."
|
||||
@@ -155,33 +119,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Wong",
|
||||
role: "Client",
|
||||
testimonial: "The arrangements from Niko are consistently stunning.",
|
||||
imageSrc: "https://pixabay.com/get/gcfdc9c03829cacdf75fc19727b8a3a37fb23fdfd728d3f204a032619f379182a457bfd517c4354c228ed4a8ebe46f51053c03108a7ddb2f28d4e9921a3927635_1280.jpg",
|
||||
},
|
||||
id: "t1", name: "Alice Wong", role: "Client", testimonial: "The arrangements from Niko are consistently stunning.", imageSrc: "https://pixabay.com/get/gcfdc9c03829cacdf75fc19727b8a3a37fb23fdfd728d3f204a032619f379182a457bfd517c4354c228ed4a8ebe46f51053c03108a7ddb2f28d4e9921a3927635_1280.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark Stevens",
|
||||
role: "Wedding Planner",
|
||||
testimonial: "Professional, creative, and always on time.",
|
||||
imageSrc: "https://pixabay.com/get/gbfc6a8ad8069b4df48b4db1a3753eb1b986eecb24bea9f077f584d97dc2d1c868002291d1b54641fa6dc957c5e1380e5b0babd2c556bd4cdeb4aefd42ae99de9_1280.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark Stevens", role: "Wedding Planner", testimonial: "Professional, creative, and always on time.", imageSrc: "https://pixabay.com/get/gbfc6a8ad8069b4df48b4db1a3753eb1b986eecb24bea9f077f584d97dc2d1c868002291d1b54641fa6dc957c5e1380e5b0babd2c556bd4cdeb4aefd42ae99de9_1280.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Miller",
|
||||
role: "Client",
|
||||
testimonial: "Best florists in town, hands down.",
|
||||
imageSrc: "https://pixabay.com/get/g1291fa4b13860a1ed0cbc21adca233894bc29e1aef131d2b1a57d8bb33a8c4b0b16e3186c78d9f2883192cb9c462e46ee0277368c61da00e109d9791fda03bc0_1280.jpg",
|
||||
},
|
||||
id: "t3", name: "Sarah Miller", role: "Client", testimonial: "Best florists in town, hands down.", imageSrc: "https://pixabay.com/get/g1291fa4b13860a1ed0cbc21adca233894bc29e1aef131d2b1a57d8bb33a8c4b0b16e3186c78d9f2883192cb9c462e46ee0277368c61da00e109d9791fda03bc0_1280.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Clark",
|
||||
role: "Client",
|
||||
testimonial: "They captured exactly what I envisioned.",
|
||||
imageSrc: "https://pixabay.com/get/gd4c5c534f7dba9fdfdca1f8470a07baf5de21e629f90793daece854eed19a914dbdf0e8de57233a4a554907692679241f0fe6eb72164166d87c127662e742fda_1280.jpg",
|
||||
},
|
||||
id: "t4", name: "David Clark", role: "Client", testimonial: "They captured exactly what I envisioned.", imageSrc: "https://pixabay.com/get/gd4c5c534f7dba9fdfdca1f8470a07baf5de21e629f90793daece854eed19a914dbdf0e8de57233a4a554907692679241f0fe6eb72164166d87c127662e742fda_1280.jpg"},
|
||||
]}
|
||||
title="Stories from Our Customers"
|
||||
description="We are honored to be part of your most cherished moments."
|
||||
@@ -192,8 +136,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Get In Touch"
|
||||
description="Whether it's for a special event or a gift, we'd love to help you bring your floral vision to life."
|
||||
imageSrc="https://pixabay.com/get/g153c1b03dc1e77e945da2649ac2f4aafa12dc13cdc19db0c072c2f6055ff744ebc3c69d3d0076d10ac49e324c804e1464c81d49eacb6ac4d4e8d659d5eb9d958_1280.jpg"
|
||||
@@ -210,13 +153,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Niko Flowers"
|
||||
leftLink={{
|
||||
text: "Terms",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user