bender/4263ffc9-e3d7-49bd-8ab9-86b681d89846
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-05-11 00:02:56 +00:00
parent 59cecaa6da 007e5042ce
commit d2e88768c4
1 changed files with 132 additions and 242 deletions
Download Patch File Download Diff File Expand all files Collapse all files

374
src/app/page.tsx
View File

@@ -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>
);