Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 4d79905cf5 | |||
| 5980a482ba |
253
src/app/page.tsx
253
src/app/page.tsx
@@ -31,13 +31,21 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Flowers", id: "products"},
|
||||
name: "Flowers",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Process", id: "features"},
|
||||
name: "Process",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Flowers Business Center"
|
||||
/>
|
||||
@@ -46,24 +54,102 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
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."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice M.", handle: "@eventpro", 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: "Alice M.",
|
||||
handle: "@eventpro",
|
||||
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.", handle: "@corpadmin", 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: "John D.",
|
||||
handle: "@corpadmin",
|
||||
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={[
|
||||
{
|
||||
text: "Explore Collection", href: "#products"},
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Contact Us", href: "#contact"},
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
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>
|
||||
|
||||
@@ -74,11 +160,17 @@ 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."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+", title: "Years Experience"},
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "500+", title: "Bespoke Events"},
|
||||
value: "500+",
|
||||
title: "Bespoke Events",
|
||||
},
|
||||
{
|
||||
value: "24/7", title: "Dedicated Support"},
|
||||
value: "24/7",
|
||||
title: "Dedicated Support",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-desk-with-keyboard-bouquet-roses_23-2148415062.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -94,11 +186,41 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Royal Rose Bouquet", price: "$120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rx5kvs"},
|
||||
id: "p1",
|
||||
name: "Royal Rose Bouquet",
|
||||
price: "$120",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rx5kvs",
|
||||
},
|
||||
{
|
||||
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"},
|
||||
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",
|
||||
},
|
||||
{
|
||||
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"},
|
||||
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",
|
||||
},
|
||||
{
|
||||
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"
|
||||
description="Discover our thoughtfully arranged, premium floral collections designed for every occasion."
|
||||
@@ -111,9 +233,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
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"},
|
||||
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",
|
||||
},
|
||||
{
|
||||
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"},
|
||||
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",
|
||||
},
|
||||
{
|
||||
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"
|
||||
description="We ensure every stem is chosen at its peak, providing long-lasting, vibrant arrangements."
|
||||
@@ -127,9 +260,20 @@ export default function LandingPage() {
|
||||
tag="Trusted Quality"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "98%", description: "Customer Satisfaction"},
|
||||
id: "m1",
|
||||
value: "98%",
|
||||
description: "Customer Satisfaction",
|
||||
},
|
||||
{
|
||||
id: "m2", value: "24h", description: "Freshness Guarantee"},
|
||||
id: "m2",
|
||||
value: "24h",
|
||||
description: "Freshness Guarantee",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100+",
|
||||
description: "Partner Businesses",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -139,9 +283,30 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Alice M.", imageSrc: "http://img.b2bpic.net/free-photo/floral-invitation-with-gold-accents_23-2152004678.jpg"},
|
||||
id: "t1",
|
||||
name: "Alice M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/floral-invitation-with-gold-accents_23-2152004678.jpg",
|
||||
},
|
||||
{
|
||||
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"},
|
||||
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",
|
||||
},
|
||||
{
|
||||
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"
|
||||
cardTag="Social Proof"
|
||||
@@ -153,13 +318,16 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Get in Touch"
|
||||
title="Start Your Floral Journey"
|
||||
description="Whether it's a corporate partnership or a one-time special request, our center is here to help."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now", href: "#"},
|
||||
text: "Contact Us Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -169,14 +337,37 @@ export default function LandingPage() {
|
||||
logoText="Flowers Business Center"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Flowers", href: "#products" },
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Flowers",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Process",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -185,4 +376,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user