Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
206
src/app/page.tsx
206
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Arrangements",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Arrangements", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Bistro"
|
||||
/>
|
||||
@@ -52,48 +40,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Artistry in Every Petal"
|
||||
description="Bistro is a floral design studio where nature meets art. We craft seasonal, hand-picked arrangements for your most cherished moments."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Shop",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore Shop", href: "#products" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-flowers_23-2149247575.jpg",
|
||||
imageAlt: "Luxurious bouquet",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-girl-with-bouquet-store_23-2147761102.jpg",
|
||||
imageAlt: "Floral display",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-standing-near-white-flower-decoration_23-2148049228.jpg",
|
||||
imageAlt: "Wedding arrangement",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-making-bouqets-shop_23-2147761034.jpg",
|
||||
imageAlt: "Fresh blooms",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-standing-table-holding-flower-bouquet-hand_23-2148075456.jpg",
|
||||
imageAlt: "Artistic flowers",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-plants-deco_23-2149192254.jpg",
|
||||
imageAlt: "Atelier atmosphere",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-flowers_23-2149247575.jpg", imageAlt: "luxurious flower bouquet studio photography" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/charming-girl-with-bouquet-store_23-2147761102.jpg", imageAlt: "artistic flower bouquet studio light" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-standing-near-white-flower-decoration_23-2148049228.jpg", imageAlt: "beautiful wedding bouquet floral design" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-making-bouqets-shop_23-2147761034.jpg", imageAlt: "seasonal flower arrangement florist shop" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-standing-table-holding-flower-bouquet-hand_23-2148075456.jpg", imageAlt: "elegant floral composition flower studio" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-plants-deco_23-2149192254.jpg", imageAlt: "luxury boutique floral studio scene" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -103,21 +60,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Floral Philosophy"
|
||||
metrics={[
|
||||
{
|
||||
icon: Feather,
|
||||
label: "Flowers Sourced",
|
||||
value: "100+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Design Awards",
|
||||
value: "12",
|
||||
},
|
||||
{
|
||||
icon: Heart,
|
||||
label: "Happy Clients",
|
||||
value: "2.5k",
|
||||
},
|
||||
{ icon: Feather, label: "Flowers Sourced", value: "100+" },
|
||||
{ icon: Award, label: "Design Awards", value: "12" },
|
||||
{ icon: Heart, label: "Happy Clients", value: "2.5k" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -130,24 +75,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Summer Meadow",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/colorful-floral-branch-flat-design_52683-22141.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Evening Elegance",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tender-pink-roses-put-bouquet_1304-5428.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Wildflower Charm",
|
||||
price: "$65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-floral-design-studio_23-2151910703.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Summer Meadow", price: "$85", imageSrc: "http://img.b2bpic.net/free-vector/colorful-floral-branch-flat-design_52683-22141.jpg" },
|
||||
{ id: "p2", name: "Evening Elegance", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/tender-pink-roses-put-bouquet_1304-5428.jpg" },
|
||||
{ id: "p3", name: "Wildflower Charm", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/abstract-floral-design-studio_23-2151910703.jpg" },
|
||||
]}
|
||||
title="Seasonal Collections"
|
||||
description="Browse our curated selection of bespoke arrangements, designed to bring elegance and life into any space."
|
||||
@@ -156,44 +86,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
handle: "@alicem",
|
||||
testimonial: "The arrangements are breathtaking! Truly unique designs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-afro-haircut-holding-bouquet-white-flowers_273609-22072.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Julian R.",
|
||||
handle: "@julianr",
|
||||
testimonial: "Bistro brought my wedding vision to life with such care.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-fruit-bouquet-christmas_1303-4576.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah K.",
|
||||
handle: "@sarahk",
|
||||
testimonial: "Highest quality flowers and such friendly professional service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-beautiful-young-woman-holding-rose-bouquet-hand_23-2148049152.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marcus L.",
|
||||
handle: "@mlux",
|
||||
testimonial: "Perfect for gifting, always elegant and long-lasting.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-florist-taking-care-flowers-workplace-white-wall_176420-12277.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena P.",
|
||||
handle: "@elenaflowers",
|
||||
testimonial: "Incredible artistry in every bloom. Highly recommended!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-afro-haircut-holding-bouquet-white-flowers_273609-22072.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Alice M.", handle: "@alicem", testimonial: "The arrangements are breathtaking! Truly unique designs.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-afro-haircut-holding-bouquet-white-flowers_273609-22072.jpg" },
|
||||
{ id: "2", name: "Julian R.", handle: "@julianr", testimonial: "Bistro brought my wedding vision to life with such care.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-fruit-bouquet-christmas_1303-4576.jpg" },
|
||||
{ id: "3", name: "Sarah K.", handle: "@sarahk", testimonial: "Highest quality flowers and such friendly professional service.", imageSrc: "http://img.b2bpic.net/free-photo/fresh-beautiful-young-woman-holding-rose-bouquet-hand_23-2148049152.jpg" },
|
||||
{ id: "4", name: "Marcus L.", handle: "@mlux", testimonial: "Perfect for gifting, always elegant and long-lasting.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-florist-taking-care-flowers-workplace-white-wall_176420-12277.jpg" },
|
||||
{ id: "5", name: "Elena P.", handle: "@elenaflowers", testimonial: "Incredible artistry in every bloom. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-afro-haircut-holding-bouquet-white-flowers_273609-22072.jpg" },
|
||||
]}
|
||||
title="From Our Friends"
|
||||
description="Hear what our wonderful clients have to say about their Bistro experience."
|
||||
@@ -203,16 +104,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Have a special occasion? Let's create something beautiful together. Reach out to our studio today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@bistrostudio.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "mailto:hello@bistrostudio.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -221,53 +115,13 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vase-flower_74190-3470.jpg"
|
||||
logoText="Bistro"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Delivery Info",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Pinterest",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigate", items: [{ label: "Shop", href: "#products" }, { label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#" }, { label: "Delivery Info", href: "#" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Pinterest", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user