Merge version_1 into main #1
374
src/app/page.tsx
374
src/app/page.tsx
@@ -20,259 +20,149 @@ export default function LandingPage() {
|
||||
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="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="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="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="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}
|
||||
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",
|
||||
},
|
||||
]}
|
||||
title="Art Collection"
|
||||
description="Curated selection of abstract works."
|
||||
/>
|
||||
</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="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="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"
|
||||
/>
|
||||
</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="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>
|
||||
<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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user