Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 4a78c507eb |
253
src/app/page.tsx
253
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Flowers",
|
name: "Flowers", id: "products"},
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Process",
|
name: "Process", id: "features"},
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Flowers Business Center"
|
brandName="Flowers Business Center"
|
||||||
/>
|
/>
|
||||||
@@ -54,102 +46,24 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardTestimonial
|
<HeroBillboardTestimonial
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="Excellence in Floral Artistry"
|
title="Excellence in Floral Artistry"
|
||||||
description="Crafting premium floral experiences for events, corporate spaces, and bespoke gifting needs. Experience the artistry of our dedicated flower center."
|
description="Crafting premium floral experiences for events, corporate spaces, and bespoke gifting needs. Experience the artistry of our dedicated flower center."
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
name: "Alice M.",
|
name: "Alice M.", handle: "@eventpro", testimonial: "The arrangements were breath-taking. Absolute perfection.", rating: 5,
|
||||||
handle: "@eventpro",
|
imageSrc: "http://img.b2bpic.net/free-photo/floral-watercolor-art-with-blank-space_23-2152004699.jpg"},
|
||||||
testimonial: "The arrangements were breath-taking. Absolute perfection.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/floral-watercolor-art-with-blank-space_23-2152004699.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "John D.",
|
name: "John D.", handle: "@corpadmin", testimonial: "Reliable and elegant service for all our office events.", rating: 5,
|
||||||
handle: "@corpadmin",
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-male-tourist-taking-order-telephone-his-florist-shop_23-2148075445.jpg"},
|
||||||
testimonial: "Reliable and elegant service for all our office events.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-male-tourist-taking-order-telephone-his-florist-shop_23-2148075445.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Sarah P.",
|
|
||||||
handle: "@wedplanner",
|
|
||||||
testimonial: "Exquisite attention to detail, truly high-end florals.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/christmas-cheers-celebration-party-xmas-concept_53876-133888.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Michael L.",
|
|
||||||
handle: "@luxurybrand",
|
|
||||||
testimonial: "The best floral partners for our boutique storefronts.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-tablet_23-2148769812.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Jane K.",
|
|
||||||
handle: "@giftlover",
|
|
||||||
testimonial: "Incredible quality and stunning seasonal selections.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/african-young-man-giving-white-flowers-bouquet-her-smiling-girlfriend_23-2148151758.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Explore Collection",
|
text: "Explore Collection", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Contact Us",
|
text: "Contact Us", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-looking-laptop-with-cocktail-glass-wooden-table-restaurant_23-2147936131.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/young-woman-looking-laptop-with-cocktail-glass-wooden-table-restaurant_23-2147936131.jpg"
|
||||||
avatars={[
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/small-business-manager-her-workshop_23-2149094642.jpg",
|
|
||||||
alt: "Client One",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/laptop-digital-tablet-book-pot-plant-wooden-table-restaurant_23-2147936091.jpg",
|
|
||||||
alt: "Client Two",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797735.jpg",
|
|
||||||
alt: "Client Three",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/empty-modern-office-business-entrepreneur-with-laptop_482257-91246.jpg",
|
|
||||||
alt: "Client Four",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/female-florist-writing-notepad-floral-shop_23-2147929473.jpg",
|
|
||||||
alt: "Client Five",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
marqueeItems={[
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Premium Floral Artistry",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Events & Corporate Solutions",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Sustainable Sourcing",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Bespoke Design",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Fast Delivery",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -160,17 +74,11 @@ export default function LandingPage() {
|
|||||||
description="Located at the heart of the city, we combine traditional floristry with modern aesthetic precision. Our center provides curated floral solutions for discerning clients."
|
description="Located at the heart of the city, we combine traditional floristry with modern aesthetic precision. Our center provides curated floral solutions for discerning clients."
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
value: "15+",
|
value: "15+", title: "Years Experience"},
|
||||||
title: "Years Experience",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "500+",
|
value: "500+", title: "Bespoke Events"},
|
||||||
title: "Bespoke Events",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "24/7",
|
value: "24/7", title: "Dedicated Support"},
|
||||||
title: "Dedicated Support",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-desk-with-keyboard-bouquet-roses_23-2148415062.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-desk-with-keyboard-bouquet-roses_23-2148415062.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
@@ -186,41 +94,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", name: "Royal Rose Bouquet", price: "$120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rx5kvs"},
|
||||||
name: "Royal Rose Bouquet",
|
|
||||||
price: "$120",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rx5kvs",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", name: "Seasonal Wildflowers", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/vase-with-fresh-summer-flowers-female-hands-white-background_169016-36082.jpg"},
|
||||||
name: "Seasonal Wildflowers",
|
|
||||||
price: "$85",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/vase-with-fresh-summer-flowers-female-hands-white-background_169016-36082.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p3",
|
id: "p3", name: "Orchid Elegance", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/top-view-purple-flowers-tied-with-gift-box-white-wooden-backdrop_23-2147925551.jpg"},
|
||||||
name: "Orchid Elegance",
|
|
||||||
price: "$150",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-purple-flowers-tied-with-gift-box-white-wooden-backdrop_23-2147925551.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p4",
|
|
||||||
name: "Modern Minimalist Lily",
|
|
||||||
price: "$95",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/variety-different-roses-other-beautiful-flowers-florist-shop_613910-17036.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p5",
|
|
||||||
name: "Sun-Kissed Petals",
|
|
||||||
price: "$70",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/rustic-bouquet-wooden-table-brings-summer-romance-generated-by-ai_188544-38944.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p6",
|
|
||||||
name: "Bespoke Celebration Box",
|
|
||||||
price: "$200",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-cute-winter-pine-cones-red-scarf_23-2148705845.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Signature Collections"
|
title="Our Signature Collections"
|
||||||
description="Discover our thoughtfully arranged, premium floral collections designed for every occasion."
|
description="Discover our thoughtfully arranged, premium floral collections designed for every occasion."
|
||||||
@@ -233,20 +111,9 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Expert Selection",
|
title: "Expert Selection", description: "Sourcing only the highest quality flora from fair-trade partners.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-flowers_23-2149247574.jpg"},
|
||||||
description: "Sourcing only the highest quality flora from fair-trade partners.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-flowers_23-2149247574.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Sustainable Practices",
|
title: "Sustainable Practices", description: "Eco-conscious packaging and locally sourced blooms whenever possible.", imageSrc: "http://img.b2bpic.net/free-photo/woman-cutting-branches-bunch_23-2147742914.jpg"},
|
||||||
description: "Eco-conscious packaging and locally sourced blooms whenever possible.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-cutting-branches-bunch_23-2147742914.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Tailored Solutions",
|
|
||||||
description: "Personalized floral styling to match your brand identity and style.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-flower-scissors_23-2148377291.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="The Art of Curation"
|
title="The Art of Curation"
|
||||||
description="We ensure every stem is chosen at its peak, providing long-lasting, vibrant arrangements."
|
description="We ensure every stem is chosen at its peak, providing long-lasting, vibrant arrangements."
|
||||||
@@ -260,20 +127,9 @@ export default function LandingPage() {
|
|||||||
tag="Trusted Quality"
|
tag="Trusted Quality"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", value: "98%", description: "Customer Satisfaction"},
|
||||||
value: "98%",
|
|
||||||
description: "Customer Satisfaction",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", value: "24h", description: "Freshness Guarantee"},
|
||||||
value: "24h",
|
|
||||||
description: "Freshness Guarantee",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m3",
|
|
||||||
value: "100+",
|
|
||||||
description: "Partner Businesses",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -283,30 +139,9 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", name: "Alice M.", imageSrc: "http://img.b2bpic.net/free-photo/floral-invitation-with-gold-accents_23-2152004678.jpg"},
|
||||||
name: "Alice M.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/floral-invitation-with-gold-accents_23-2152004678.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", name: "John D.", imageSrc: "http://img.b2bpic.net/free-photo/pink-orchid-branch-her-head-holding-blank-digital-tablet-front-her-mouth_23-2148049719.jpg"},
|
||||||
name: "John D.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-orchid-branch-her-head-holding-blank-digital-tablet-front-her-mouth_23-2148049719.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t3",
|
|
||||||
name: "Sarah P.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bouquet-pink-color-alstroemeria-flowers-with-blooming-viburnum-sketchbook-with-postcard-coral-color-roses-white-background_141793-9266.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t4",
|
|
||||||
name: "Michael L.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-with-flowers-woman-makes-bouquet-cute-girl-working_1157-47204.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t5",
|
|
||||||
name: "Jane K.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-florist-carrying-flowers-box_23-2147760956.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
cardTitle="What Our Clients Say"
|
cardTitle="What Our Clients Say"
|
||||||
cardTag="Social Proof"
|
cardTag="Social Proof"
|
||||||
@@ -318,16 +153,13 @@ export default function LandingPage() {
|
|||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "radial-gradient",
|
variant: "radial-gradient"}}
|
||||||
}}
|
|
||||||
tag="Get in Touch"
|
tag="Get in Touch"
|
||||||
title="Start Your Floral Journey"
|
title="Start Your Floral Journey"
|
||||||
description="Whether it's a corporate partnership or a one-time special request, our center is here to help."
|
description="Whether it's a corporate partnership or a one-time special request, our center is here to help."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Contact Us Now",
|
text: "Contact Us Now", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -337,37 +169,14 @@ export default function LandingPage() {
|
|||||||
logoText="Flowers Business Center"
|
logoText="Flowers Business Center"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Navigate",
|
title: "Navigate", items: [
|
||||||
items: [
|
{ label: "About", href: "#about" },
|
||||||
{
|
{ label: "Flowers", href: "#products" },
|
||||||
label: "About",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Flowers",
|
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Process",
|
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Connect",
|
title: "Connect", items: [
|
||||||
items: [
|
{ label: "Contact", href: "#contact" },
|
||||||
{
|
|
||||||
label: "Contact",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Instagram",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "LinkedIn",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -376,4 +185,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user