Merge version_1 into main #1
218
src/app/page.tsx
218
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Catalog",
|
||||
id: "catalog",
|
||||
},
|
||||
name: "Catalog", id: "catalog"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Cairo Flower"
|
||||
/>
|
||||
@@ -55,47 +47,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Elegance in Every Bloom"
|
||||
description="Experience the pinnacle of luxury floral artistry, where dark romance meets golden perfection. Cairo Flower delivers unforgettable moments."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Catalog",
|
||||
href: "#catalog",
|
||||
},
|
||||
text: "Explore Catalog", href: "#catalog"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "h1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bouquet-yellow-roses-grey-background_181624-23736.jpg",
|
||||
imageAlt: "Luxurious arrangement",
|
||||
},
|
||||
id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bouquet-yellow-roses-grey-background_181624-23736.jpg", imageAlt: "Luxurious arrangement"},
|
||||
{
|
||||
id: "h2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-gladiolus-flower-details_23-2149417862.jpg",
|
||||
imageAlt: "Golden roses",
|
||||
},
|
||||
id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-gladiolus-flower-details_23-2149417862.jpg", imageAlt: "Golden roses"},
|
||||
{
|
||||
id: "h3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-luxurious-bouquet-pink-red-roses-white-dahlias-black-background_181624-25313.jpg",
|
||||
imageAlt: "Dark romantic bouquet",
|
||||
},
|
||||
id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-luxurious-bouquet-pink-red-roses-white-dahlias-black-background_181624-25313.jpg", imageAlt: "Dark romantic bouquet"},
|
||||
{
|
||||
id: "h4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-bouquet-white-yellow-flowers_169016-20295.jpg",
|
||||
imageAlt: "Premium floral display",
|
||||
},
|
||||
id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/closeup-bouquet-white-yellow-flowers_169016-20295.jpg", imageAlt: "Premium floral display"},
|
||||
{
|
||||
id: "h5",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-background-design_1233-23.jpg",
|
||||
imageAlt: "Sophisticated centerpiece",
|
||||
},
|
||||
id: "h5", imageSrc: "http://img.b2bpic.net/free-vector/abstract-background-design_1233-23.jpg", imageAlt: "Sophisticated centerpiece"},
|
||||
{
|
||||
id: "h6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flower-bouquet-christmas-ligths-cinnamon-decoration-sticks_114579-2442.jpg",
|
||||
imageAlt: "Artistic bouquet",
|
||||
},
|
||||
id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/flower-bouquet-christmas-ligths-cinnamon-decoration-sticks_114579-2442.jpg", imageAlt: "Artistic bouquet"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,9 +76,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Floral Philosophy"
|
||||
description={[
|
||||
"At Cairo Flower, we believe that flowers are more than just gifts—they are an expression of art, emotion, and luxury. Our designers curate every arrangement to tell a unique story.",
|
||||
"Combining traditional aesthetics with a modern, dramatic flair, we ensure that every delivery leaves an indelible mark.",
|
||||
]}
|
||||
"At Cairo Flower, we believe that flowers are more than just gifts—they are an expression of art, emotion, and luxury. Our designers curate every arrangement to tell a unique story.", "Combining traditional aesthetics with a modern, dramatic flair, we ensure that every delivery leaves an indelible mark."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -119,23 +88,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Artisan Design",
|
||||
description: "Hand-crafted bouquets by master florists.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bouquet-pink-roses-single-branch-rose-with-green-leaves-inside-vase_114579-1440.jpg",
|
||||
imageAlt: "Design",
|
||||
},
|
||||
title: "Artisan Design", description: "Hand-crafted bouquets by master florists.", imageSrc: "http://img.b2bpic.net/free-photo/bouquet-pink-roses-single-branch-rose-with-green-leaves-inside-vase_114579-1440.jpg", imageAlt: "Design"},
|
||||
{
|
||||
title: "Premium Quality",
|
||||
description: "Only the freshest, hand-picked blooms.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monk-s-cress-flower-background-illustration-remixed-from-public-domain-artworks_53876-108468.jpg",
|
||||
imageAlt: "Quality",
|
||||
},
|
||||
title: "Premium Quality", description: "Only the freshest, hand-picked blooms.", imageSrc: "http://img.b2bpic.net/free-photo/monk-s-cress-flower-background-illustration-remixed-from-public-domain-artworks_53876-108468.jpg", imageAlt: "Quality"},
|
||||
{
|
||||
title: "Same-Day Luxury",
|
||||
description: "Swift delivery for your special moments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/phalaenopsis-orchid-flower_1373-577.jpg",
|
||||
imageAlt: "Delivery",
|
||||
},
|
||||
title: "Same-Day Luxury", description: "Swift delivery for your special moments.", imageSrc: "http://img.b2bpic.net/free-photo/phalaenopsis-orchid-flower_1373-577.jpg", imageAlt: "Delivery"},
|
||||
]}
|
||||
title="Why Choose Cairo Flower?"
|
||||
description="Experience luxury with every petal."
|
||||
@@ -144,64 +101,29 @@ export default function LandingPage() {
|
||||
|
||||
<div id="catalog" data-section="catalog">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Signature",
|
||||
name: "Golden Rose Box",
|
||||
price: "$150",
|
||||
rating: 5,
|
||||
reviewCount: "24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flower-arrangement-fresh-flowers-pumpkin_169016-5452.jpg",
|
||||
},
|
||||
id: "p1", brand: "Signature", name: "Golden Rose Box", price: "$150", rating: 5,
|
||||
reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/flower-arrangement-fresh-flowers-pumpkin_169016-5452.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Royal",
|
||||
name: "Midnight Lily",
|
||||
price: "$180",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spring-composition-with-flowers-gift-box-blurred-background_169016-29286.jpg",
|
||||
},
|
||||
id: "p2", brand: "Royal", name: "Midnight Lily", price: "$180", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/spring-composition-with-flowers-gift-box-blurred-background_169016-29286.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Artisan",
|
||||
name: "Orchid Dreams",
|
||||
price: "$220",
|
||||
rating: 4,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-gift-box-with-rose-bouquet-ribbon_23-2148370174.jpg",
|
||||
},
|
||||
id: "p3", brand: "Artisan", name: "Orchid Dreams", price: "$220", rating: 4,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/front-view-gift-box-with-rose-bouquet-ribbon_23-2148370174.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Classic",
|
||||
name: "Crimson Romance",
|
||||
price: "$130",
|
||||
rating: 5,
|
||||
reviewCount: "30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-floral-design-studio_23-2151910671.jpg",
|
||||
},
|
||||
id: "p4", brand: "Classic", name: "Crimson Romance", price: "$130", rating: 5,
|
||||
reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/abstract-floral-design-studio_23-2151910671.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Deluxe",
|
||||
name: "Exotic Bliss",
|
||||
price: "$250",
|
||||
rating: 5,
|
||||
reviewCount: "18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-feather-red-peonies_1304-5429.jpg",
|
||||
},
|
||||
id: "p5", brand: "Deluxe", name: "Exotic Bliss", price: "$250", rating: 5,
|
||||
reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/pink-feather-red-peonies_1304-5429.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Limited",
|
||||
name: "Evening Bloom",
|
||||
price: "$300",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dried-colorful-flowers-black-table_114579-78932.jpg",
|
||||
},
|
||||
id: "p6", brand: "Limited", name: "Evening Bloom", price: "$300", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/dried-colorful-flowers-black-table_114579-78932.jpg"},
|
||||
]}
|
||||
title="Signature Arrangements"
|
||||
description="Curated selections for the discerning client."
|
||||
@@ -216,20 +138,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
description: "Happy Clients",
|
||||
},
|
||||
id: "m1", value: "10k+", description: "Happy Clients"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5k+",
|
||||
description: "Bouquets Delivered",
|
||||
},
|
||||
id: "m2", value: "5k+", description: "Bouquets Delivered"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50+",
|
||||
description: "Expert Florists",
|
||||
},
|
||||
id: "m3", value: "50+", description: "Expert Florists"},
|
||||
]}
|
||||
title="A Legacy of Bloom"
|
||||
description="Our impact in figures."
|
||||
@@ -243,45 +156,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah",
|
||||
handle: "@sarah_designs",
|
||||
testimonial: "The best floral arrangements in Cairo. Truly luxury.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-50-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1852.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah", handle: "@sarah_designs", testimonial: "The best floral arrangements in Cairo. Truly luxury.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-50-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1852.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark",
|
||||
handle: "@mark_events",
|
||||
testimonial: "Sophisticated and romantic. My events now look spectacular.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-holding-strange-plant_1187-3676.jpg",
|
||||
},
|
||||
id: "2", name: "Mark", handle: "@mark_events", testimonial: "Sophisticated and romantic. My events now look spectacular.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-holding-strange-plant_1187-3676.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily",
|
||||
handle: "@emily_vibe",
|
||||
testimonial: "Everything I hoped for and more. Excellent quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-bouquet-fresh-chrysanthemums-gray-background_169016-18032.jpg",
|
||||
},
|
||||
id: "3", name: "Emily", handle: "@emily_vibe", testimonial: "Everything I hoped for and more. Excellent quality.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-bouquet-fresh-chrysanthemums-gray-background_169016-18032.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David",
|
||||
handle: "@david_luxe",
|
||||
testimonial: "Incredible attention to detail in every bouquet.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-young-male-florist-holding-white-flowers-hand_23-2148075413.jpg",
|
||||
},
|
||||
id: "4", name: "David", handle: "@david_luxe", testimonial: "Incredible attention to detail in every bouquet.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-young-male-florist-holding-white-flowers-hand_23-2148075413.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna",
|
||||
handle: "@anna_flow",
|
||||
testimonial: "Luxury redefined. Cairo Flower is my go-to.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-florist-holding-basket-flowers_23-2147882381.jpg",
|
||||
},
|
||||
id: "5", name: "Anna", handle: "@anna_flow", testimonial: "Luxury redefined. Cairo Flower is my go-to.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-florist-holding-basket-flowers_23-2147882381.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Voices of Elegance"
|
||||
@@ -295,20 +183,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you deliver throughout Cairo?",
|
||||
content: "Yes, we offer premium delivery services across the entire city.",
|
||||
},
|
||||
id: "f1", title: "Do you deliver throughout Cairo?", content: "Yes, we offer premium delivery services across the entire city."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How can I customize my arrangement?",
|
||||
content: "Contact our consultants directly to create a bespoke masterpiece.",
|
||||
},
|
||||
id: "f2", title: "How can I customize my arrangement?", content: "Contact our consultants directly to create a bespoke masterpiece."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What's the best way to care for your flowers?",
|
||||
content: "We provide detailed care instructions with every delivery.",
|
||||
},
|
||||
id: "f3", title: "What's the best way to care for your flowers?", content: "We provide detailed care instructions with every delivery."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-making-beautiful-floral-arrangement_23-2148846517.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -322,16 +201,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get in Touch"
|
||||
title="Request a Consultation"
|
||||
description="Let's craft your perfect floral experience."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#footer",
|
||||
},
|
||||
text: "Contact Us", href: "#footer"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user