Merge version_1 into main #2
280
src/app/page.tsx
280
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Field and Florist"
|
||||
/>
|
||||
@@ -58,40 +46,16 @@ export default function LandingPage() {
|
||||
logoText="Field and Florist"
|
||||
description="Artisanal floral arrangements crafted with seasonal blooms and organic beauty, bringing nature into your everyday life."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Bouquets",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Shop Bouquets", href: "#products" },
|
||||
{ text: "Our Story", href: "#about" },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-with-flowers_23-2149591622.jpg?_wi=1",
|
||||
imageAlt: "Seasonal floral arrangement",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/florist-showing-empty-design-space-paper-wooden-table-with-fresh-flowers-decorate_53876-16019.jpg",
|
||||
imageAlt: "Close up of flower petals",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bike-with-flowers-basket_23-2150814848.jpg",
|
||||
imageAlt: "Modern flower shop interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorative-plants-chair_23-2147730971.jpg",
|
||||
imageAlt: "Wildflowers in rustic vase",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bride-with-bouquet-flowers_23-2148120575.jpg",
|
||||
imageAlt: "Pastel flower petals composition",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardener-arranging-floral-wreaths-boxes_23-2148435677.jpg",
|
||||
imageAlt: "Florist studio workspace",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-with-flowers_23-2149591622.jpg", imageAlt: "Seasonal floral arrangement" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/florist-showing-empty-design-space-paper-wooden-table-with-fresh-flowers-decorate_53876-16019.jpg", imageAlt: "Close up of flower petals" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-bike-with-flowers-basket_23-2150814848.jpg", imageAlt: "Modern flower shop interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/decorative-plants-chair_23-2147730971.jpg", imageAlt: "Wildflowers in rustic vase" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bride-with-bouquet-flowers_23-2148120575.jpg", imageAlt: "Pastel flower petals composition" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/gardener-arranging-floral-wreaths-boxes_23-2148435677.jpg", imageAlt: "Florist studio workspace" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,21 +65,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Floral Journey"
|
||||
metrics={[
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Seasonal Blooms",
|
||||
value: "100+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Artisan Florists",
|
||||
value: "15",
|
||||
},
|
||||
{
|
||||
icon: Heart,
|
||||
label: "Happy Clients",
|
||||
value: "5k+",
|
||||
},
|
||||
{ icon: Leaf, label: "Seasonal Blooms", value: "100+" },
|
||||
{ icon: Award, label: "Artisan Florists", value: "15" },
|
||||
{ icon: Heart, label: "Happy Clients", value: "5k+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -128,42 +80,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Peony Grace",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-pale-rose-with-golden-edges-dark-background_84443-82557.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Wildwood Charm",
|
||||
price: "$65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-arrangement-with-decorative-dried-flowers_23-2151363276.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Rose Haven",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-pink-white-color-alstroemeria-flowers-isolated-red-background_141793-8148.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Tulip Joy",
|
||||
price: "$55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tulip-bouquet-vase-table_23-2148103264.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Lily Elegance",
|
||||
price: "$75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yellow-lily-flowers-soft-pink-background_23-2147753935.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Wedding Bliss",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17317.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Peony Grace", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/elegant-pale-rose-with-golden-edges-dark-background_84443-82557.jpg" },
|
||||
{ id: "p2", name: "Wildwood Charm", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-arrangement-with-decorative-dried-flowers_23-2151363276.jpg" },
|
||||
{ id: "p3", name: "Rose Haven", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/side-view-pink-white-color-alstroemeria-flowers-isolated-red-background_141793-8148.jpg" },
|
||||
{ id: "p4", name: "Tulip Joy", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/tulip-bouquet-vase-table_23-2148103264.jpg" },
|
||||
{ id: "p5", name: "Lily Elegance", price: "$75", imageSrc: "http://img.b2bpic.net/free-photo/yellow-lily-flowers-soft-pink-background_23-2147753935.jpg" },
|
||||
{ id: "p6", name: "Wedding Bliss", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17317.jpg" },
|
||||
]}
|
||||
title="Bespoke Arrangements"
|
||||
description="Discover our collection of hand-picked seasonal flowers, curated for elegance and natural beauty."
|
||||
@@ -173,21 +95,10 @@ export default function LandingPage() {
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No chemical pesticides",
|
||||
"Reduced plastic waste",
|
||||
"No long-distance shipping",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Ethically sourced blooms",
|
||||
"Weekly farm-fresh deliveries",
|
||||
"Sustainable packaging practices",
|
||||
],
|
||||
}}
|
||||
negativeCard={{ items: ["No chemical pesticides", "Reduced plastic waste", "No long-distance shipping"] }}
|
||||
positiveCard={{ items: ["Ethically sourced blooms", "Weekly farm-fresh deliveries", "Sustainable packaging practices"] }}
|
||||
title="The Field and Florist Difference"
|
||||
description="We believe in sustainable practices and supporting local farms, ensuring each stem is fresh and ethically sourced."
|
||||
/>
|
||||
@@ -200,33 +111,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
groups={[
|
||||
{
|
||||
id: "designers",
|
||||
groupTitle: "Floral Studio Team",
|
||||
members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Lead Designer",
|
||||
subtitle: "Sophie Bloom",
|
||||
detail: "10 years experience",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-arranging-flowers-vase_23-2147929218.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Floral Stylist",
|
||||
subtitle: "Marcus Thorne",
|
||||
detail: "Creative botanical artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-flowers_23-2149247541.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Shop Curator",
|
||||
subtitle: "Elena Root",
|
||||
detail: "Sustainable sourcing lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-making-flowers-arrangement_23-2148826775.jpg",
|
||||
},
|
||||
id: "designers", groupTitle: "Floral Studio Team", members: [
|
||||
{ id: "m1", title: "Lead Designer", subtitle: "Sophie Bloom", detail: "10 years experience", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-arranging-flowers-vase_23-2147929218.jpg" },
|
||||
{ id: "m2", title: "Floral Stylist", subtitle: "Marcus Thorne", detail: "Creative botanical artist", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-flowers_23-2149247541.jpg" },
|
||||
{ id: "m3", title: "Shop Curator", subtitle: "Elena Root", detail: "Sustainable sourcing lead", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-making-flowers-arrangement_23-2148826775.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-with-flowers_23-2149591622.jpg?_wi=2",
|
||||
imageAlt: "florist portrait professional",
|
||||
},
|
||||
]}
|
||||
title="Meet Our Artisans"
|
||||
@@ -240,46 +129,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahbloom",
|
||||
testimonial: "The best floral service in the city! Every bouquet is a masterpiece.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-standing-beautiful-flowers-talking-cellphone_23-2148075316.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Liam M.",
|
||||
handle: "@liammur",
|
||||
testimonial: "I love the focus on local farms. My wife adores these flowers.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/florist-makes-beautiful-bouquet-studio_1157-28408.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emma R.",
|
||||
handle: "@emmar",
|
||||
testimonial: "Truly sustainable and beautiful. Highly recommend for any event.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-dark-skinned-woman-with-curly-hair-looks-gladfully-away-holds-beautiful-bouqet-poses-against-blue-background_273609-45582.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "Stunning arrangements and friendly service. My go-to for gifts.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gardening-elements-spring-pattern_23-2148053852.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chloe L.",
|
||||
handle: "@chloel",
|
||||
testimonial: "Professional, fresh, and uniquely arranged. Absolute perfection.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-gift-mothers-day-bouquet-flowers-her-hands_169016-18229.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", handle: "@sarahbloom", testimonial: "The best floral service in the city! Every bouquet is a masterpiece.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-standing-beautiful-flowers-talking-cellphone_23-2148075316.jpg" },
|
||||
{ id: "t2", name: "Liam M.", handle: "@liammur", testimonial: "I love the focus on local farms. My wife adores these flowers.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/florist-makes-beautiful-bouquet-studio_1157-28408.jpg" },
|
||||
{ id: "t3", name: "Emma R.", handle: "@emmar", testimonial: "Truly sustainable and beautiful. Highly recommend for any event.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-dark-skinned-woman-with-curly-hair-looks-gladfully-away-holds-beautiful-bouqet-poses-against-blue-background_273609-45582.jpg" },
|
||||
{ id: "t4", name: "David K.", handle: "@davidk", testimonial: "Stunning arrangements and friendly service. My go-to for gifts.", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/gardening-elements-spring-pattern_23-2148053852.jpg" },
|
||||
{ id: "t5", name: "Chloe L.", handle: "@chloel", testimonial: "Professional, fresh, and uniquely arranged. Absolute perfection.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-gift-mothers-day-bouquet-flowers-her-hands_169016-18229.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="From Our Community"
|
||||
@@ -292,21 +146,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we offer local delivery services for all our arrangements.",
|
||||
},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Are flowers ethically sourced?",
|
||||
content: "Absolutely! Sustainability and ethical sourcing are core to our mission.",
|
||||
},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "How long do the bouquets last?",
|
||||
content: "With proper care, our fresh cut flowers typically last 5-7 days.",
|
||||
},
|
||||
{ id: "faq1", title: "Do you offer delivery?", content: "Yes, we offer local delivery services for all our arrangements." },
|
||||
{ id: "faq2", title: "Are flowers ethically sourced?", content: "Absolutely! Sustainability and ethical sourcing are core to our mission." },
|
||||
{ id: "faq3", title: "How long do the bouquets last?", content: "With proper care, our fresh cut flowers typically last 5-7 days." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find answers to frequently asked questions about our services and delivery options."
|
||||
@@ -320,24 +162,10 @@ export default function LandingPage() {
|
||||
title="Get in Touch"
|
||||
description="Have questions about our floral services? Drop us a message and we'll get back to you soon."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help you?",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "How can we help you?", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-florist-with-bouquet-looking-camera_23-2147760926.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -345,34 +173,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About", href: "#about" }, { label: "Products", href: "#products" }, { label: "Contact", href: "#contact" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="Field and Florist"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user