Merge version_1 into main #2
333
src/app/page.tsx
333
src/app/page.tsx
@@ -25,249 +25,108 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Artists",
|
||||
id: "artists",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="ArtWish Lebanon"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Gallery", id: "products" },
|
||||
{ name: "Artists", id: "artists" },
|
||||
{ name: "Support", id: "contact" },
|
||||
]}
|
||||
brandName="ArtWish Lebanon"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Buy digital paintings online in Lebanon"
|
||||
description="Discover a curated collection of digital art from talented local and international artists. High-quality downloads for every space and style."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wide-shot-pine-trees-desert-field-clear-sky_181624-4542.jpg?_wi=1",
|
||||
imageAlt: "Lebanese landscape digital art",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/halftone-monochrome-collage_23-2151004969.jpg?_wi=1",
|
||||
imageAlt: "Abstract digital painting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-portrait-with-overexposed-moving-style_23-2149495267.jpg?_wi=1",
|
||||
imageAlt: "Artistic portrait",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/religious-holy-mat-praying_23-2148288835.jpg",
|
||||
imageAlt: "Modern Islamic art",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-stained-artwork-texture-backdrop_23-2148153177.jpg",
|
||||
imageAlt: "Minimalist digital painting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/painting-woman-s-portrait_23-2151155235.jpg",
|
||||
imageAlt: "Neon artistic creation",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Buy digital paintings online in Lebanon"
|
||||
description="Discover a curated collection of digital art from talented local and international artists. High-quality downloads for every space and style."
|
||||
buttons={[{ text: "Shop Now", href: "#products" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/wide-shot-pine-trees-desert-field-clear-sky_181624-4542.jpg", imageAlt: "Lebanese landscape digital art" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/halftone-monochrome-collage_23-2151004969.jpg", imageAlt: "Abstract digital painting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-portrait-with-overexposed-moving-style_23-2149495267.jpg", imageAlt: "Artistic portrait" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/religious-holy-mat-praying_23-2148288835.jpg", imageAlt: "Modern Islamic art" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-stained-artwork-texture-backdrop_23-2148153177.jpg", imageAlt: "Minimalist digital painting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/painting-woman-s-portrait_23-2151155235.jpg", imageAlt: "Neon artistic creation" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Cedar Echo",
|
||||
price: "$15.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/autumn-ducks-serene-pond_23-2152019706.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Vibrant Souls",
|
||||
price: "$25.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-pink-blue-water-with-powder_23-2147964201.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Gaze of Beirut",
|
||||
price: "$18.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-portrait-with-grapes_23-2151065485.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Geometric Faith",
|
||||
price: "$22.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-wallpaper-textured-acrylic-paint-with-mixed-colors_53876-133236.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Neon Horizon",
|
||||
price: "$20.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colored-leaf-against-simple-background_23-2149337899.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Soft Minimalism",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-anime-flowers-cartoon-scene_23-2151035250.jpg",
|
||||
},
|
||||
]}
|
||||
title="Featured Digital Art"
|
||||
description="Browse our latest handpicked digital paintings for your home."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Cedar Echo", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/autumn-ducks-serene-pond_23-2152019706.jpg" },
|
||||
{ id: "p2", name: "Vibrant Souls", price: "$25.00", imageSrc: "http://img.b2bpic.net/free-photo/bright-pink-blue-water-with-powder_23-2147964201.jpg" },
|
||||
{ id: "p3", name: "Gaze of Beirut", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/digital-portrait-with-grapes_23-2151065485.jpg" },
|
||||
{ id: "p4", name: "Geometric Faith", price: "$22.00", imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-wallpaper-textured-acrylic-paint-with-mixed-colors_53876-133236.jpg" },
|
||||
{ id: "p5", name: "Neon Horizon", price: "$20.00", imageSrc: "http://img.b2bpic.net/free-photo/colored-leaf-against-simple-background_23-2149337899.jpg" },
|
||||
{ id: "p6", name: "Soft Minimalism", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-anime-flowers-cartoon-scene_23-2151035250.jpg" },
|
||||
]}
|
||||
title="Featured Digital Art"
|
||||
description="Browse our latest handpicked digital paintings for your home."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="artists" data-section="artists">
|
||||
<TeamCardSix
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "a1",
|
||||
name: "Lina Haddad",
|
||||
role: "Abstract Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-artist-holding-his-paint-brushes_23-2150213706.jpg",
|
||||
},
|
||||
{
|
||||
id: "a2",
|
||||
name: "Omar Fares",
|
||||
role: "Portrait Master",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-draws-painting-woman-stands-him_8353-10782.jpg",
|
||||
},
|
||||
{
|
||||
id: "a3",
|
||||
name: "Nour Ziad",
|
||||
role: "Minimalist Visionary",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-painter-studio-using-watercolor-his-art_23-2150213712.jpg",
|
||||
},
|
||||
]}
|
||||
title="Featured Artists"
|
||||
description="Meet the creators behind the art."
|
||||
/>
|
||||
</div>
|
||||
<div id="artists" data-section="artists">
|
||||
<TeamCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{ id: "a1", name: "Lina Haddad", role: "Abstract Specialist", imageSrc: "http://img.b2bpic.net/free-photo/male-artist-holding-his-paint-brushes_23-2150213706.jpg" },
|
||||
{ id: "a2", name: "Omar Fares", role: "Portrait Master", imageSrc: "http://img.b2bpic.net/free-photo/man-draws-painting-woman-stands-him_8353-10782.jpg" },
|
||||
{ id: "a3", name: "Nour Ziad", role: "Minimalist Visionary", imageSrc: "http://img.b2bpic.net/free-photo/male-painter-studio-using-watercolor-his-art_23-2150213712.jpg" },
|
||||
]}
|
||||
title="Featured Artists"
|
||||
description="Meet the creators behind the art."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Collector Voices"
|
||||
description="Hear what art lovers across Lebanon are saying about our curated collections."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Karim R.",
|
||||
date: "Oct 2024",
|
||||
title: "Stunning quality",
|
||||
quote: "The digital prints are exceptionally high resolution. Truly elevates my living room.",
|
||||
tag: "Verified Buyer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/male-artist-holding-his-paint-brushes_23-2150213706.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wide-shot-pine-trees-desert-field-clear-sky_181624-4542.jpg?_wi=2",
|
||||
imageAlt: "digital art lebanon landscape modern",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Maya S.",
|
||||
date: "Sept 2024",
|
||||
title: "Beautiful Aesthetic",
|
||||
quote: "I love the local artistic touch in these pieces. Perfectly captured the vibe.",
|
||||
tag: "Art Collector",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-draws-painting-woman-stands-him_8353-10782.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/halftone-monochrome-collage_23-2151004969.jpg?_wi=2",
|
||||
imageAlt: "abstract digital art painting",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jad M.",
|
||||
date: "Aug 2024",
|
||||
title: "Seamless Experience",
|
||||
quote: "Easy download and professional support. Will definitely buy more.",
|
||||
tag: "Interior Designer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/male-painter-studio-using-watercolor-his-art_23-2150213712.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-portrait-with-overexposed-moving-style_23-2149495267.jpg?_wi=2",
|
||||
imageAlt: "portrait digital painting art",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Collector Voices"
|
||||
description="Hear what art lovers across Lebanon are saying about our curated collections."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Karim R.", date: "Oct 2024", title: "Stunning quality", quote: "The digital prints are exceptionally high resolution. Truly elevates my living room.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/male-artist-holding-his-paint-brushes_23-2150213706.jpg", imageSrc: "http://img.b2bpic.net/free-photo/wide-shot-pine-trees-desert-field-clear-sky_181624-4542.jpg" },
|
||||
{ id: "t2", name: "Maya S.", date: "Sept 2024", title: "Beautiful Aesthetic", quote: "I love the local artistic touch in these pieces. Perfectly captured the vibe.", tag: "Art Collector", avatarSrc: "http://img.b2bpic.net/free-photo/man-draws-painting-woman-stands-him_8353-10782.jpg", imageSrc: "http://img.b2bpic.net/free-photo/halftone-monochrome-collage_23-2151004969.jpg" },
|
||||
{ id: "t3", name: "Jad M.", date: "Aug 2024", title: "Seamless Experience", quote: "Easy download and professional support. Will definitely buy more.", tag: "Interior Designer", avatarSrc: "http://img.b2bpic.net/free-photo/male-painter-studio-using-watercolor-his-art_23-2150213712.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-portrait-with-overexposed-moving-style_23-2149495267.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Newsletter"
|
||||
title="Stay Inspired"
|
||||
description="Sign up for our newsletter and get notified when new artworks are dropped in the shop."
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Subscribe"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wide-shot-pine-trees-desert-field-clear-sky_181624-4542.jpg?_wi=3"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Newsletter"
|
||||
title="Stay Inspired"
|
||||
description="Sign up for our newsletter and get notified when new artworks are dropped in the shop."
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Subscribe"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wide-shot-pine-trees-desert-field-clear-sky_181624-4542.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="ArtWish Lebanon"
|
||||
columns={[
|
||||
{
|
||||
title: "Store",
|
||||
items: [
|
||||
{
|
||||
label: "Shop All",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Artists",
|
||||
href: "#artists",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#tos",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#privacy",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 ArtWish Lebanon. All digital downloads."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="ArtWish Lebanon"
|
||||
columns={[
|
||||
{ title: "Store", items: [{ label: "Shop All", href: "#products" }, { label: "Artists", href: "#artists" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Terms of Service", href: "#tos" }, { label: "Privacy Policy", href: "#privacy" }] },
|
||||
]}
|
||||
copyrightText="© 2024 ArtWish Lebanon. All digital downloads."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user