245 lines
13 KiB
TypeScript
245 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroBillboardSplit from '@/components/sections/hero/HeroBillboardSplit';
|
|
import SplitAboutMetric from '@/components/sections/about/SplitAboutMetric';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
|
|
import FooterSocial from '@/components/sections/footer/FooterSocial';
|
|
import { Palette, Image, Users, Star, Instagram, Facebook, Twitter, Linkedin } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="largeSmall"
|
|
background="fluid"
|
|
cardStyle="solid-accent-light"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Gallery", id: "gallery" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Artists", id: "artists" },
|
|
{ name: "Collections", id: "collections" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
brandName="Ukrainian Art"
|
|
bottomLeftText="Celebrating Ukrainian Culture"
|
|
bottomRightText="info@ukrainianart.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardSplit
|
|
title="Discover the Soul of Ukraine Through Art"
|
|
description="Explore stunning photography and paintings that capture the beauty and spirit of Ukraine. Connect with authentic visual experiences and support local talent."
|
|
tag="Ukrainian Culture"
|
|
tagIcon={Palette}
|
|
buttons={[
|
|
{ text: "View the Collection", href: "#gallery" },
|
|
{ text: "Learn More", href: "#about" }
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-vector/watercolor-farm-landscape_23-2148189692.jpg"
|
|
imageAlt="Ukrainian landscape painting capturing traditional heritage"
|
|
frameStyle="browser"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAboutMetric
|
|
title="Celebrating Ukrainian Artistic Heritage"
|
|
description={[
|
|
"We are dedicated to showcasing the rich cultural tapestry of Ukraine through contemporary and traditional art. Our platform connects passionate collectors, cultural enthusiasts, and international audiences with authentic works that tell the stories of our nation.", "Every artwork represents decades of artistic tradition blended with modern vision, created by talented Ukrainian artists who are reshaping the global art conversation."
|
|
]}
|
|
metrics={[
|
|
{ label: "Featured Artists", value: "120+" },
|
|
{ label: "Artworks Available", value: "850+" }
|
|
]}
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<ProductCardFour
|
|
title="Featured Artworks"
|
|
description="Discover curated selections from our collection of contemporary and traditional Ukrainian art"
|
|
tag="Gallery Highlights"
|
|
tagIcon={Image}
|
|
buttons={[
|
|
{ text: "Explore Full Gallery", href: "#collections" }
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
animationType="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
products={[
|
|
{
|
|
id: "painting-1", name: "Sunflower Fields of Transcarpathia", price: "$2,500", variant: "Oil on Canvas, 80x60cm", imageSrc: "https://img.b2bpic.net/free-photo/fields-valley-serge-river_1398-4428.jpg", imageAlt: "Vibrant oil painting of Ukrainian sunflower fields"
|
|
},
|
|
{
|
|
id: "painting-2", name: "Urban Soul Series #3", price: "$1,800", variant: "Acrylic, 70x50cm", imageSrc: "https://img.b2bpic.net/free-vector/watercolor-spring-landscape_52683-55966.jpg", imageAlt: "Contemporary abstract painting reflecting urban identity"
|
|
},
|
|
{
|
|
id: "painting-3", name: "Pysanka Heritage", price: "$3,200", variant: "Mixed Media, 90x70cm", imageSrc: "https://img.b2bpic.net/free-vector/watercolor-spring-landscape-background_52683-33504.jpg", imageAlt: "Traditional folk art inspired contemporary piece"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="artists" data-section="artists">
|
|
<TeamCardSix
|
|
title="Meet Our Featured Artists"
|
|
description="Talented Ukrainian creators pushing boundaries and preserving cultural heritage through contemporary vision"
|
|
tag="Creative Voices"
|
|
tagIcon={Users}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
animationType="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
members={[
|
|
{
|
|
id: "artist-1", name: "Olena Kozak", role: "Contemporary Painter", imageSrc: "https://img.b2bpic.net/free-photo/van-gogh-portrait_23-2149737812.jpg", imageAlt: "Portrait of artist Olena Kozak"
|
|
},
|
|
{
|
|
id: "artist-2", name: "Dmytro Markov", role: "Fine Art Photographer", imageSrc: "https://img.b2bpic.net/free-photo/blond-man-draws-painting-with-oils_8353-10784.jpg", imageAlt: "Portrait of photographer Dmytro Markov"
|
|
},
|
|
{
|
|
id: "artist-3", name: "Yana Volkova", role: "Sculptor & Installation Artist", imageSrc: "https://img.b2bpic.net/free-photo/male-painter-studio-using-watercolor-his-art_23-2150213710.jpg", imageAlt: "Portrait of artist Yana Volkova"
|
|
},
|
|
{
|
|
id: "artist-4", name: "Ivan Kovalenko", role: "Digital Artist & Illustrator", imageSrc: "https://img.b2bpic.net/free-photo/artist-holds-brush-is-looking-her-work_8353-10770.jpg", imageAlt: "Portrait of artist Ivan Kovalenko"
|
|
},
|
|
{
|
|
id: "artist-5", name: "Svitlana Bondarenko", role: "Textile & Fiber Artist", imageSrc: "https://img.b2bpic.net/free-photo/male-painter-studio-using-watercolor-his-art_23-2150213712.jpg", imageAlt: "Portrait of artist Svitlana Bondarenko"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="What Art Lovers Say"
|
|
description="Hear from collectors and cultural enthusiasts who discovered authentic Ukrainian art through our platform"
|
|
tag="Client Stories"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
animationType="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
testimonials={[
|
|
{
|
|
id: "testimonial-1", name: "Maria Hoffmann", role: "Art Collector", company: "Vienna, Austria", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-man-front-painting_23-2150771171.jpg", imageAlt: "Portrait of collector Maria Hoffmann"
|
|
},
|
|
{
|
|
id: "testimonial-2", name: "Thomas Chen", role: "Gallery Curator", company: "Toronto Art Institute", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/portrait-bearded-man-art-studio_23-2149705898.jpg", imageAlt: "Portrait of curator Thomas Chen"
|
|
},
|
|
{
|
|
id: "testimonial-3", name: "Sophie Dubois", role: "Cultural Enthusiast", company: "Paris, France", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/van-gogh-portrait_23-2149737750.jpg", imageAlt: "Portrait of Sophie Dubois"
|
|
},
|
|
{
|
|
id: "testimonial-4", name: "James Richardson", role: "Museum Director", company: "Metropolitan Arts Museum", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/male-artist-painting-studio-with-watercolors_23-2149908448.jpg", imageAlt: "Portrait of director James Richardson"
|
|
},
|
|
{
|
|
id: "testimonial-5", name: "Anna Rossi", role: "Travel Blogger", company: "Culture Explorer", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/lifestyle-portrait-young-african-student-sitting-with-amazing-abstract-sea-acrylic-hand-drawn-artwork-studio_273443-89.jpg", imageAlt: "Portrait of blogger Anna Rossi"
|
|
},
|
|
{
|
|
id: "testimonial-6", name: "Klaus Mueller", role: "Collector & Philanthropist", company: "Berlin, Germany", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/van-gogh-portrait_23-2149737811.jpg", imageAlt: "Portrait of collector Klaus Mueller"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenterForm
|
|
title="Get in Touch"
|
|
description="Have questions about our artworks or want to collaborate? We'd love to hear from you. Connect with our team for inquiries, commissions, or partnership opportunities."
|
|
inputs={[
|
|
{
|
|
id: "name", label: "Full Name", type: "text", placeholder: "Your name", required: true
|
|
},
|
|
{
|
|
id: "email", label: "Email Address", type: "email", placeholder: "your@email.com", required: true
|
|
}
|
|
]}
|
|
textarea={{
|
|
id: "message", label: "Message", placeholder: "Tell us about your interest in Ukrainian art or how we can help", required: true
|
|
}}
|
|
buttonText="Send Inquiry"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSocial
|
|
logoText="Ukrainian Art Gallery"
|
|
columns={[
|
|
{
|
|
title: "Explore", items: [
|
|
{ label: "Gallery", href: "#gallery" },
|
|
{ label: "Artists", href: "#artists" },
|
|
{ label: "Collections", href: "#collections" }
|
|
]
|
|
},
|
|
{
|
|
title: "About", items: [
|
|
{ label: "Our Mission", href: "#about" },
|
|
{ label: "Cultural Heritage", href: "#about" },
|
|
{ label: "Meet the Team", href: "#artists" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Contact Us", href: "#contact" },
|
|
{ label: "Collaborate", href: "#contact" },
|
|
{ label: "Newsletter", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "/privacy" },
|
|
{ label: "Terms of Service", href: "/terms" },
|
|
{ label: "Copyright", href: "/copyright" }
|
|
]
|
|
}
|
|
]}
|
|
socialLinks={[
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com", ariaLabel: "Follow us on Instagram"
|
|
},
|
|
{
|
|
icon: Facebook,
|
|
href: "https://facebook.com", ariaLabel: "Follow us on Facebook"
|
|
},
|
|
{
|
|
icon: Twitter,
|
|
href: "https://twitter.com", ariaLabel: "Follow us on Twitter"
|
|
},
|
|
{
|
|
icon: Linkedin,
|
|
href: "https://linkedin.com", ariaLabel: "Follow us on LinkedIn"
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Ukrainian Art Gallery. Celebrating the soul of Ukraine through contemporary and traditional art."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |