Merge version_1 into main #1
152
src/app/page.tsx
152
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collections", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Flaer"
|
||||
/>
|
||||
@@ -53,8 +45,7 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Artistry in Every Petal"
|
||||
description="Flaer brings bespoke floral arrangements to life with seasonal blooms, modern aesthetics, and timeless elegance."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-woman-sitting-cafe-indoors-drinking-coffee-woman-wearing-glasses-floral-dress_1157-50488.jpg"
|
||||
@@ -69,19 +60,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Flowers Curated",
|
||||
value: "10k+",
|
||||
},
|
||||
label: "Flowers Curated", value: "10k+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "12",
|
||||
},
|
||||
label: "Years Experience", value: "12"},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Happy Clients",
|
||||
value: "5k+",
|
||||
},
|
||||
label: "Happy Clients", value: "5k+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -89,64 +74,29 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Flaer",
|
||||
name: "Spring Awakening",
|
||||
price: "$85",
|
||||
rating: 5,
|
||||
reviewCount: "24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-posing-with-flowers-high-angle_23-2149486719.jpg",
|
||||
},
|
||||
id: "1", brand: "Flaer", name: "Spring Awakening", price: "$85", rating: 5,
|
||||
reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/man-posing-with-flowers-high-angle_23-2149486719.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Flaer",
|
||||
name: "Midnight Rose",
|
||||
price: "$120",
|
||||
rating: 5,
|
||||
reviewCount: "18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-luxurious-bouquet-orange-roses-white-flowers-black_181624-22630.jpg",
|
||||
},
|
||||
id: "2", brand: "Flaer", name: "Midnight Rose", price: "$120", rating: 5,
|
||||
reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-luxurious-bouquet-orange-roses-white-flowers-black_181624-22630.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Flaer",
|
||||
name: "Botanical Bliss",
|
||||
price: "$95",
|
||||
rating: 4,
|
||||
reviewCount: "32",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-florist-makes-bouquet-roses_169016-25045.jpg",
|
||||
},
|
||||
id: "3", brand: "Flaer", name: "Botanical Bliss", price: "$95", rating: 4,
|
||||
reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/male-florist-makes-bouquet-roses_169016-25045.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Flaer",
|
||||
name: "Sunset Petals",
|
||||
price: "$75",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/floral-arrangement-with-pink-roses_23-2148846489.jpg",
|
||||
},
|
||||
id: "4", brand: "Flaer", name: "Sunset Petals", price: "$75", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/floral-arrangement-with-pink-roses_23-2148846489.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Flaer",
|
||||
name: "Modern Minimalist",
|
||||
price: "$110",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-curly-hairs-holding-white-bouquet-flowers_114579-2704.jpg",
|
||||
},
|
||||
id: "5", brand: "Flaer", name: "Modern Minimalist", price: "$110", rating: 5,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-curly-hairs-holding-white-bouquet-flowers_114579-2704.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Flaer",
|
||||
name: "Wild Garden",
|
||||
price: "$65",
|
||||
rating: 4,
|
||||
reviewCount: "21",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/botanical-herbs-paper_23-2151888404.jpg",
|
||||
},
|
||||
id: "6", brand: "Flaer", name: "Wild Garden", price: "$65", rating: 4,
|
||||
reviewCount: "21", imageSrc: "http://img.b2bpic.net/free-photo/botanical-herbs-paper_23-2151888404.jpg"},
|
||||
]}
|
||||
title="Signature Collections"
|
||||
description="Explore our curated selection of seasonal arrangements for every occasion."
|
||||
@@ -160,45 +110,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Clara J.",
|
||||
handle: "@claraj",
|
||||
testimonial: "The arrangements are always stunning and fresh.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-flowers-bouquet_23-2149235778.jpg",
|
||||
},
|
||||
id: "1", name: "Clara J.", handle: "@claraj", testimonial: "The arrangements are always stunning and fresh.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-flowers-bouquet_23-2149235778.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark R.",
|
||||
handle: "@markr",
|
||||
testimonial: "Best flower shop in town, hands down.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-women-looking-each-other_23-2148377330.jpg",
|
||||
},
|
||||
id: "2", name: "Mark R.", handle: "@markr", testimonial: "Best flower shop in town, hands down.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-women-looking-each-other_23-2148377330.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena W.",
|
||||
handle: "@elenaw",
|
||||
testimonial: "Exceptional customer service and beautiful petals.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-curly-hair-isolated_273609-48108.jpg",
|
||||
},
|
||||
id: "3", name: "Elena W.", handle: "@elenaw", testimonial: "Exceptional customer service and beautiful petals.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-curly-hair-isolated_273609-48108.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sam T.",
|
||||
handle: "@samt",
|
||||
testimonial: "My go-to place for all my event decor.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-african-female-florist-smiling-making-bouquet-workplace-white-wall_176420-12213.jpg",
|
||||
},
|
||||
id: "4", name: "Sam T.", handle: "@samt", testimonial: "My go-to place for all my event decor.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-african-female-florist-smiling-making-bouquet-workplace-white-wall_176420-12213.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophie K.",
|
||||
handle: "@sophiek",
|
||||
testimonial: "The artistry in their designs is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-young-man-arranging-flower-florist-shop_23-2148075305.jpg",
|
||||
},
|
||||
id: "5", name: "Sophie K.", handle: "@sophiek", testimonial: "The artistry in their designs is unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-young-man-arranging-flower-florist-shop_23-2148075305.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by Our Clients"
|
||||
@@ -210,16 +135,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in touch"
|
||||
title="Custom Floral Inquiry"
|
||||
description="Ready to design your perfect arrangement? Reach out to us for custom projects."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Consultation",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start Consultation", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -228,13 +150,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Flaer"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user