170 lines
8.9 KiB
TypeScript
170 lines
8.9 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import { Award, Instagram, MapPin, Palette, Twitter, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{ name: "Gallery", id: "#gallery" },
|
|
{ name: "About", id: "#about" },
|
|
{ name: "Exhibitions", id: "#features" },
|
|
{ name: "Contact", id: "#contact" }
|
|
]}
|
|
brandName="Elysian Arts"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="Elysian Arts"
|
|
description="Explorations of form, color, and emotion through abstract painting."
|
|
buttons={[{ text: "View Collection", href: "#gallery" }]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/acrylic-paint-textured-background-green-aesthetic-style-creative-art_53876-134258.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={false}
|
|
tag="Artist Statement"
|
|
title="Art is a dialogue"
|
|
description="My process is an exploration of the subconscious, translating internal energy onto canvas through aggressive brushwork and subtle color shifts."
|
|
subdescription="With over 15 years in contemporary abstraction, my works are featured in private galleries across the world."
|
|
icon={Palette}
|
|
imageSrc="http://img.b2bpic.net/free-photo/digital-art-light-lamp-design_23-2151123892.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyNine
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{ title: "Tokyo Vernissage", description: "September 2025 - Ginza Art District", imageSrc: "http://img.b2bpic.net/free-photo/teahouse-outdoor-sky-brick-wooden_1112-981.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/jars-with-drawing-supplies-near-paintings-fruits_23-2147802016.jpg", buttonText: "See Details" },
|
|
{ title: "Berlin Solo Show", description: "October 2025 - Mitte Atelier", imageSrc: "http://img.b2bpic.net/free-photo/rear-view-blonde-female-artist-sketching-sculpture-canvas_23-2147889928.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-paint-palette_23-2149050519.jpg", buttonText: "See Details" },
|
|
{ title: "NYC Showcase", description: "November 2025 - Chelsea Gallery", imageSrc: "http://img.b2bpic.net/free-photo/view-sony-center-interior-berlin-germany_1268-20951.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/messy-painted-textured-grunge-wooden-backdrop_23-2148117914.jpg", buttonText: "See Details" }
|
|
]}
|
|
title="Upcoming Exhibitions"
|
|
description="Join us for a journey into the abstract."
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<ProductCardFour
|
|
textboxLayout="default"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
title="Art Collection"
|
|
description="Curated selection of abstract works."
|
|
products={[
|
|
{ id: "1", name: "Midnight Echo", price: "$2,400", variant: "Oil on Canvas", imageSrc: "http://img.b2bpic.net/free-photo/boiling-blue-liquid-with-foam-blobs_23-2147934166.jpg" },
|
|
{ id: "2", name: "Amber Light", price: "$1,800", variant: "Acrylic on Linen", imageSrc: "http://img.b2bpic.net/free-photo/abstract-hand-paint-watercolour-texture_1409-2519.jpg" },
|
|
{ id: "3", name: "Frozen Tide", price: "$3,200", variant: "Oil on Canvas", imageSrc: "http://img.b2bpic.net/free-photo/bright-blue-strokes-white-canvas_23-2148217402.jpg" },
|
|
{ id: "4", name: "Urban Pulse", price: "$2,100", variant: "Mixed Media", imageSrc: "http://img.b2bpic.net/free-photo/dark-aged-stamp-decor-textured_1194-9490.jpg" },
|
|
{ id: "5", name: "Silent Storm", price: "$2,700", variant: "Oil on Canvas", imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-wallpaper-acrylic-paint-texture-mixed-color_53876-134376.jpg" },
|
|
{ id: "6", name: "Solar Flux", price: "$1,950", variant: "Acrylic on Linen", imageSrc: "http://img.b2bpic.net/free-photo/mix-yellow-red-paint_23-2147763499.jpg" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{ id: "1", icon: Award, title: "Awards Won", value: "24" },
|
|
{ id: "2", icon: Users, title: "Private Collectors", value: "150+" },
|
|
{ id: "3", icon: MapPin, title: "Exhibition Cities", value: "12" }
|
|
]}
|
|
title="Impact in Numbers"
|
|
description="The reach of our artistic journey."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={false}
|
|
testimonial="Elysian Arts paintings completely transformed the mood of our home. They are profound and truly emotional pieces."
|
|
rating={5}
|
|
author="Julian V."
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/woman-hanging-art-picture_1398-4007.jpg", alt: "Client 1" },
|
|
{ src: "http://img.b2bpic.net/free-photo/young-man-going-art-gallery_23-2149709096.jpg", alt: "Client 2" },
|
|
{ src: "http://img.b2bpic.net/free-photo/diverse-artists-using-oil-paints-create-beautiful-masterpiece_482257-118466.jpg", alt: "Client 3" },
|
|
{ src: "http://img.b2bpic.net/free-photo/painter-works-with-finger-painting-technique-her-latest-artwork-piece_482257-124724.jpg", alt: "Client 4" },
|
|
{ src: "http://img.b2bpic.net/free-photo/joyful-artist-her-apprentice-applying-watercolor-paint-canvas_482257-118557.jpg", alt: "Client 5" }
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={["Art Daily", "Modern Gallery", "Contemporary Review", "Canvas Collective", "Artist Network", "Museum Quarterly", "Creative Review"]}
|
|
title="Featured In"
|
|
description="Trusted by galleries globally."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{ variant: "gradient-bars" }}
|
|
tag="Inquiry"
|
|
title="Let's start a conversation"
|
|
description="Interested in commissions or private previews? Get in touch."
|
|
imageSrc="http://img.b2bpic.net/free-photo/various-alternative-paint-brushes-copy-space_23-2148680102.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Elysian Arts"
|
|
copyrightText="© 2025 Elysian Arts. All rights reserved."
|
|
socialLinks={[
|
|
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
|
{ icon: Twitter, href: "#", ariaLabel: "Twitter" }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|