Merge version_1 into main #1
443
src/app/page.tsx
443
src/app/page.tsx
@@ -28,330 +28,141 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Chi siamo",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Prodotti",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contatti",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Bazar Orchidea"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Chi siamo", id: "about" },
|
||||
{ name: "Prodotti", id: "products" },
|
||||
{ name: "Contatti", id: "contact" },
|
||||
]}
|
||||
brandName="Bazar Orchidea"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="At Bazar Orchidea you can really find everything!"
|
||||
description="Welcome to your trusted neighborhood shop, run by Chiara and Angela. From school supplies and gifts to unique party favors, we're here to help."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Marco Rossi",
|
||||
handle: "@marco_r",
|
||||
testimonial: "You always find everything here! Amazing selection.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-having-fun-amusement-park_23-2147917241.jpg",
|
||||
},
|
||||
{
|
||||
name: "Giulia Bianchi",
|
||||
handle: "@giulia_b",
|
||||
testimonial: "Chiara and Angela are super friendly and helpful.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/farmer-offers-fresh-veggies-samples_482257-76680.jpg",
|
||||
},
|
||||
{
|
||||
name: "Luca Verdi",
|
||||
handle: "@luca_v",
|
||||
testimonial: "Best spot for school supplies in town.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-business-concept-handsome-businessman-cafe-owner-sitting-near-counter-with-laptop-smartphone-working-coffee-shop_1258-314430.jpg",
|
||||
},
|
||||
{
|
||||
name: "Anna Neri",
|
||||
handle: "@anna_n",
|
||||
testimonial: "The party favors are always beautiful and unique.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clients-buy-eco-shop-bulk-food-items_482257-81660.jpg",
|
||||
},
|
||||
{
|
||||
name: "Stefano Bruni",
|
||||
handle: "@stefano_b",
|
||||
testimonial: "Friendly atmosphere and great service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-doctor-shaking-hands-with-her-female-patient-while-meeting-clinic-focus-is-happy-woman_637285-1785.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Come visit us",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Discover products",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/milk-bottle-food-bag-arrangement_23-2148773371.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-stands-sideway-near-wall-looks-into-distance_8353-9444.jpg",
|
||||
alt: "Customer profile 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-enjoying-coffee-shop_23-2148366675.jpg",
|
||||
alt: "Customer profile 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-young-beautiful-redhaired-woman-glasses-warm-blue-wool-sweater-with-backpack-posed-outdoor-against-autumn-leaves-tree-decorations-store_627829-6798.jpg",
|
||||
alt: "Customer profile 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-young-beautiful-redhaired-woman-glasses-warm-blue-wool-sweater-with-backpack-posed-outdoor-against-autumn-leaves-tree-decorations-store_627829-6788.jpg",
|
||||
alt: "Customer profile 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-paying-using-nfc-technology_23-2149893756.jpg",
|
||||
alt: "Customer profile 5",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="At Bazar Orchidea you can really find everything!"
|
||||
description="Welcome to your trusted neighborhood shop, run by Chiara and Angela. From school supplies and gifts to unique party favors, we're here to help."
|
||||
testimonials={[
|
||||
{ name: "Marco Rossi", handle: "@marco_r", testimonial: "You always find everything here! Amazing selection.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-having-fun-amusement-park_23-2147917241.jpg" },
|
||||
{ name: "Giulia Bianchi", handle: "@giulia_b", testimonial: "Chiara and Angela are super friendly and helpful.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/farmer-offers-fresh-veggies-samples_482257-76680.jpg" },
|
||||
{ name: "Luca Verdi", handle: "@luca_v", testimonial: "Best spot for school supplies in town.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/small-business-concept-handsome-businessman-cafe-owner-sitting-near-counter-with-laptop-smartphone-working-coffee-shop_1258-314430.jpg" },
|
||||
{ name: "Anna Neri", handle: "@anna_n", testimonial: "The party favors are always beautiful and unique.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/clients-buy-eco-shop-bulk-food-items_482257-81660.jpg" },
|
||||
{ name: "Stefano Bruni", handle: "@stefano_b", testimonial: "Friendly atmosphere and great service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/african-american-doctor-shaking-hands-with-her-female-patient-while-meeting-clinic-focus-is-happy-woman_637285-1785.jpg" }
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Come visit us", href: "#contact" },
|
||||
{ text: "Discover products", href: "#products" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/milk-bottle-food-bag-arrangement_23-2148773371.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/girl-stands-sideway-near-wall-looks-into-distance_8353-9444.jpg", alt: "Customer profile 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/couple-enjoying-coffee-shop_23-2148366675.jpg", alt: "Customer profile 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-young-beautiful-redhaired-woman-glasses-warm-blue-wool-sweater-with-backpack-posed-outdoor-against-autumn-leaves-tree-decorations-store_627829-6798.jpg", alt: "Customer profile 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-young-beautiful-redhaired-woman-glasses-warm-blue-wool-sweater-with-backpack-posed-outdoor-against-autumn-leaves-tree-decorations-store_627829-6788.jpg", alt: "Customer profile 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-paying-using-nfc-technology_23-2149893756.jpg", alt: "Customer profile 5" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Chiara and Angela: Passion and Experience"
|
||||
metrics={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Years of experience",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Happy customers served",
|
||||
value: "10k+",
|
||||
},
|
||||
{
|
||||
icon: Package,
|
||||
label: "Products in store",
|
||||
value: "5000+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Chiara and Angela: Passion and Experience"
|
||||
metrics={[
|
||||
{ icon: Sparkles, label: "Years of experience", value: "15+" },
|
||||
{ icon: Smile, label: "Happy customers served", value: "10k+" },
|
||||
{ icon: Package, label: "Products in store", value: "5000+" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Stationery & School",
|
||||
price: "From $1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-back-school-essentials-with-copy-space_23-2148587499.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Newspaper & Magazines",
|
||||
price: "Daily",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stack-old-coming-book-strips_23-2150256437.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Home Accessories",
|
||||
price: "From $5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-black-buyer-taking-furniture-photo-mall-coronavirus-pandemic_657883-237.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Games & Toys",
|
||||
price: "Varies",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-school-items-arrangement_23-2149000293.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Gift Ideas",
|
||||
price: "From $3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-s-day-still-life-with-makeup-jewelry_23-2149263174.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Party Favors",
|
||||
price: "Personalized",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-theater-with-big-modern-tv-set-news-channel-apartment-decorated-with-house-plants_482257-103969.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Wide Selection"
|
||||
description="We offer everything from school stationery and textbooks to elegant party favors and home decor."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Stationery & School", price: "From $1", imageSrc: "http://img.b2bpic.net/free-photo/top-view-back-school-essentials-with-copy-space_23-2148587499.jpg" },
|
||||
{ id: "p2", name: "Newspaper & Magazines", price: "Daily", imageSrc: "http://img.b2bpic.net/free-photo/stack-old-coming-book-strips_23-2150256437.jpg" },
|
||||
{ id: "p3", name: "Home Accessories", price: "From $5", imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-black-buyer-taking-furniture-photo-mall-coronavirus-pandemic_657883-237.jpg" },
|
||||
{ id: "p4", name: "Games & Toys", price: "Varies", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-school-items-arrangement_23-2149000293.jpg" },
|
||||
{ id: "p5", name: "Gift Ideas", price: "From $3", imageSrc: "http://img.b2bpic.net/free-photo/women-s-day-still-life-with-makeup-jewelry_23-2149263174.jpg" },
|
||||
{ id: "p6", name: "Party Favors", price: "Personalized", imageSrc: "http://img.b2bpic.net/free-photo/home-theater-with-big-modern-tv-set-news-channel-apartment-decorated-with-house-plants_482257-103969.jpg" }
|
||||
]}
|
||||
title="Our Wide Selection"
|
||||
description="We offer everything from school stationery and textbooks to elegant party favors and home decor."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="I visit Bazar Orchidea for all my needs. Chiara and Angela are wonderful people and you can always find exactly what you're looking for!"
|
||||
rating={5}
|
||||
author="Elena M."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/shopping-concept-with-happy-women_23-2147705117.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-pointing-purchase-paper-bag-held-by-husband-mall_1262-13029.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/personal-shopper-office-with-client_23-2148929559.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-shopping-bags-showing-something-shop-window_329181-18696.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/good-mood-two-girls-big-shopping_329181-18706.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="I visit Bazar Orchidea for all my needs. Chiara and Angela are wonderful people and you can always find exactly what you're looking for!"
|
||||
rating={5}
|
||||
author="Elena M."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/shopping-concept-with-happy-women_23-2147705117.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-woman-pointing-purchase-paper-bag-held-by-husband-mall_1262-13029.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/personal-shopper-office-with-client_23-2148929559.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-with-shopping-bags-showing-something-shop-window_329181-18696.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/good-mood-two-girls-big-shopping_329181-18706.jpg", alt: "Customer 5" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<BlogCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="A Peek Inside"
|
||||
description="Explore our warm and colorful store atmosphere."
|
||||
blogs={[
|
||||
{
|
||||
id: "g1",
|
||||
category: "Store",
|
||||
title: "Welcome",
|
||||
excerpt: "Visit our colorful entrance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-back-school-concept_23-2148586736.jpg",
|
||||
authorName: "Chiara",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/woman-taking-coffee-beverages-coffee-shop_1303-31303.jpg",
|
||||
date: "2023",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
category: "Events",
|
||||
title: "Favors",
|
||||
excerpt: "Custom baptism and wedding favors.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stack-old-coming-book-strips_23-2150256416.jpg",
|
||||
authorName: "Angela",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/people-drinking-coffee-spacious-cafeteria_23-2150424007.jpg",
|
||||
date: "2023",
|
||||
},
|
||||
{
|
||||
id: "g3",
|
||||
category: "Home",
|
||||
title: "Home Goods",
|
||||
excerpt: "Beautiful accessories for your home.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-organising-live-shop_23-2149947449.jpg",
|
||||
authorName: "Staff",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-arms-crossed_107420-12323.jpg",
|
||||
date: "2023",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<BlogCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="A Peek Inside"
|
||||
description="Explore our warm and colorful store atmosphere."
|
||||
blogs={[
|
||||
{ id: "g1", category: "Store", title: "Welcome", excerpt: "Visit our colorful entrance.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-back-school-concept_23-2148586736.jpg", authorName: "Chiara", authorAvatar: "http://img.b2bpic.net/free-photo/woman-taking-coffee-beverages-coffee-shop_1303-31303.jpg", date: "2023" },
|
||||
{ id: "g2", category: "Events", title: "Favors", excerpt: "Custom baptism and wedding favors.", imageSrc: "http://img.b2bpic.net/free-photo/stack-old-coming-book-strips_23-2150256416.jpg", authorName: "Angela", authorAvatar: "http://img.b2bpic.net/free-photo/people-drinking-coffee-spacious-cafeteria_23-2150424007.jpg", date: "2023" },
|
||||
{ id: "g3", category: "Home", title: "Home Goods", excerpt: "Beautiful accessories for your home.", imageSrc: "http://img.b2bpic.net/free-photo/person-organising-live-shop_23-2149947449.jpg", authorName: "Staff", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-arms-crossed_107420-12323.jpg", date: "2023" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer personalized party favors?",
|
||||
content: "Yes! We specialize in custom favors for weddings, baptisms, and more.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I order balloon arrangements?",
|
||||
content: "Absolutely! We create custom balloon arrangements for all occasions.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you sell textbooks?",
|
||||
content: "Yes, we handle school textbook orders throughout the year.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Need help?"
|
||||
sideDescription="Check common questions here."
|
||||
faqsAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you offer personalized party favors?", content: "Yes! We specialize in custom favors for weddings, baptisms, and more." },
|
||||
{ id: "f2", title: "Can I order balloon arrangements?", content: "Absolutely! We create custom balloon arrangements for all occasions." },
|
||||
{ id: "f3", title: "Do you sell textbooks?", content: "Yes, we handle school textbook orders throughout the year." }
|
||||
]}
|
||||
sideTitle="Need help?"
|
||||
sideDescription="Check common questions here."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
text="Visit us at Bazar Orchidea! We look forward to welcoming you with a smile."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact us on WhatsApp",
|
||||
href: "https://wa.me/placeholder",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "animated-grid" }}
|
||||
text="Visit us at Bazar Orchidea! We look forward to welcoming you with a smile."
|
||||
buttons={[{ text: "Contact us on WhatsApp", href: "https://wa.me/placeholder" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Bazar Orchidea"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "About Us", href: "#about" }, { label: "Products", href: "#products" }] },
|
||||
{ items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }] }
|
||||
]}
|
||||
logoText="Bazar Orchidea"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user