Merge version_1 into main #1
@@ -25,22 +25,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="ELARA"
|
||||
/>
|
||||
@@ -48,64 +36,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="gallery-grid" data-section="gallery-grid">
|
||||
<ProductCardTwo
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "g1",
|
||||
brand: "Painting",
|
||||
name: "Study in Blue",
|
||||
price: "Sold",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-entryway-with-modern-furnishing-design_23-2150791134.jpg",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
brand: "Photography",
|
||||
name: "Urban Decay",
|
||||
price: "Available",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-pigment-diffusing-with-water_23-2147828390.jpg",
|
||||
},
|
||||
{
|
||||
id: "g3",
|
||||
brand: "Digital",
|
||||
name: "Fractals",
|
||||
price: "Private",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-looking-painting_23-2149911913.jpg",
|
||||
},
|
||||
{
|
||||
id: "g4",
|
||||
brand: "Painting",
|
||||
name: "Study in Blue II",
|
||||
price: "Sold",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-ferromagnetic-blurred-mirrored-metal_23-2148253666.jpg",
|
||||
},
|
||||
{
|
||||
id: "g5",
|
||||
brand: "Photography",
|
||||
name: "Urban Decay II",
|
||||
price: "Available",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-tulip-glass-black-background-with-reflection_23-2148194770.jpg",
|
||||
},
|
||||
{
|
||||
id: "g6",
|
||||
brand: "Digital",
|
||||
name: "Fractals II",
|
||||
price: "Private",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-going-art-gallery_23-2149709103.jpg",
|
||||
},
|
||||
{ id: "g1", brand: "Painting", name: "Study in Blue", price: "Sold", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/home-entryway-with-modern-furnishing-design_23-2150791134.jpg" },
|
||||
{ id: "g2", brand: "Photography", name: "Urban Decay", price: "Available", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/black-pigment-diffusing-with-water_23-2147828390.jpg" },
|
||||
{ id: "g3", brand: "Digital", name: "Fractals", price: "Private", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-looking-painting_23-2149911913.jpg" },
|
||||
{ id: "g4", brand: "Painting", name: "Study in Blue II", price: "Sold", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/abstract-ferromagnetic-blurred-mirrored-metal_23-2148253666.jpg" },
|
||||
{ id: "g5", brand: "Photography", name: "Urban Decay II", price: "Available", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/fresh-tulip-glass-black-background-with-reflection_23-2148194770.jpg" },
|
||||
{ id: "g6", brand: "Digital", name: "Fractals II", price: "Private", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/young-man-going-art-gallery_23-2149709103.jpg" },
|
||||
]}
|
||||
title="Full Collection"
|
||||
description="Explore the complete archives."
|
||||
@@ -116,20 +57,8 @@ export default function LandingPage() {
|
||||
<ProductCatalog
|
||||
layout="page"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Minimalist Study",
|
||||
price: "$1200",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorations-used-painting-inspiration-creativity-placed-art-gallery_482257-127281.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Color Flux",
|
||||
price: "$1800",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-narrow-painting-art-exhibition_53876-15353.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Minimalist Study", price: "$1200", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/decorations-used-painting-inspiration-creativity-placed-art-gallery_482257-127281.jpg" },
|
||||
{ id: "p2", name: "Color Flux", price: "$1800", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/long-narrow-painting-art-exhibition_53876-15353.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -139,30 +68,10 @@ export default function LandingPage() {
|
||||
logoText="ELARA"
|
||||
columns={[
|
||||
{
|
||||
title: "Studio",
|
||||
items: [
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "/gallery",
|
||||
},
|
||||
{
|
||||
label: "Biography",
|
||||
href: "/about",
|
||||
},
|
||||
],
|
||||
title: "Studio", items: [{ label: "Gallery", href: "/gallery" }, { label: "Biography", href: "/about" }],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Connect", items: [{ label: "Contact", href: "/contact" }, { label: "Instagram", href: "#" }],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
|
||||
190
src/app/page.tsx
190
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="ELARA"
|
||||
/>
|
||||
@@ -52,105 +40,44 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
imagePosition="right"
|
||||
title="Ethereal Visions"
|
||||
description="Redefining the boundaries of contemporary digital artistry through a minimalist lens."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Exhibitions",
|
||||
},
|
||||
{
|
||||
value: "200+",
|
||||
label: "Works",
|
||||
},
|
||||
{
|
||||
value: "10",
|
||||
label: "Years Active",
|
||||
},
|
||||
{ value: "15+", label: "Exhibitions" },
|
||||
{ value: "200+", label: "Works" },
|
||||
{ value: "10", label: "Years Active" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-81860.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-priest-with-puple-light_23-2149300865.jpg",
|
||||
alt: "Artist portrait 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-charismatic-sensual-male-black-sweater-creative-personality_613910-11122.jpg",
|
||||
alt: "Artist portrait 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/oman-eye-bondage-lying-floor_23-2147695046.jpg",
|
||||
alt: "Artist portrait 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-boy-posing-studio_23-2149596276.jpg",
|
||||
alt: "Artist portrait 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-young-lady-designer-sitting-office-night_171337-15592.jpg",
|
||||
alt: "Artist portrait 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-priest-with-puple-light_23-2149300865.jpg", alt: "Artist portrait 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-charismatic-sensual-male-black-sweater-creative-personality_613910-11122.jpg", alt: "Artist portrait 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/oman-eye-bondage-lying-floor_23-2147695046.jpg", alt: "Artist portrait 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-boy-posing-studio_23-2149596276.jpg", alt: "Artist portrait 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/serious-young-lady-designer-sitting-office-night_171337-15592.jpg", alt: "Artist portrait 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Minimalism",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethereal",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Contemporary",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Curated",
|
||||
},
|
||||
{ type: "text", text: "Minimalism" },
|
||||
{ type: "text", text: "Innovation" },
|
||||
{ type: "text", text: "Ethereal" },
|
||||
{ type: "text", text: "Contemporary" },
|
||||
{ type: "text", text: "Curated" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="featured" data-section="featured">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Obscura I",
|
||||
descriptions: [
|
||||
"Mixed media installation exploring shadows.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-arranging-clothes_23-2148372134.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Golden Hour",
|
||||
descriptions: [
|
||||
"Digital exploration of light refraction.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shot-corridor-with-white-walls-wooden-floor-with-some-ceramic-jars-lanzarote-spain_181624-27939.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Silence",
|
||||
descriptions: [
|
||||
"Minimalist sculpture series.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-art-background-wallpaper-textured-acrylic-paint-with-mixed-colors_53876-134358.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Obscura I", descriptions: ["Mixed media installation exploring shadows."], imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-arranging-clothes_23-2148372134.jpg" },
|
||||
{ id: "f2", title: "Golden Hour", descriptions: ["Digital exploration of light refraction."], imageSrc: "http://img.b2bpic.net/free-photo/shot-corridor-with-white-walls-wooden-floor-with-some-ceramic-jars-lanzarote-spain_181624-27939.jpg" },
|
||||
{ id: "f3", title: "Silence", descriptions: ["Minimalist sculpture series."], imageSrc: "http://img.b2bpic.net/free-photo/abstract-art-background-wallpaper-textured-acrylic-paint-with-mixed-colors_53876-134358.jpg" },
|
||||
]}
|
||||
title="Selected Works"
|
||||
description="A curated collection of recent explorations in texture and light."
|
||||
@@ -166,27 +93,9 @@ export default function LandingPage() {
|
||||
title="Impact"
|
||||
description="Measuring the resonance of digital art."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1M+",
|
||||
title: "Impressions",
|
||||
description: "Across digital platforms.",
|
||||
icon: Eye,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50",
|
||||
title: "Collaborations",
|
||||
description: "Global creative partners.",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4",
|
||||
title: "Awards",
|
||||
description: "International recognition.",
|
||||
icon: Award,
|
||||
},
|
||||
{ id: "m1", value: "1M+", title: "Impressions", description: "Across digital platforms.", icon: Eye },
|
||||
{ id: "m2", value: "50", title: "Collaborations", description: "Global creative partners.", icon: Users },
|
||||
{ id: "m3", value: "4", title: "Awards", description: "International recognition.", icon: Award },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -198,12 +107,7 @@ export default function LandingPage() {
|
||||
title="Collaborators"
|
||||
description="Proudly working alongside visionary institutions."
|
||||
names={[
|
||||
"Art Basel",
|
||||
"MoMA",
|
||||
"Digital Arts Council",
|
||||
"Gallery X",
|
||||
"Tech Creative Lab",
|
||||
]}
|
||||
"Art Basel", "MoMA", "Digital Arts Council", "Gallery X", "Tech Creative Lab"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -214,21 +118,9 @@ export default function LandingPage() {
|
||||
sideDescription="Everything you need to know about commissioning or licensing."
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How to commission?",
|
||||
content: "Reach out via email to discuss your vision.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Shipping process?",
|
||||
content: "Secure handling for all fine art pieces.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Licensing works?",
|
||||
content: "Inquire regarding usage rights for commercial projects.",
|
||||
},
|
||||
{ id: "q1", title: "How to commission?", content: "Reach out via email to discuss your vision." },
|
||||
{ id: "q2", title: "Shipping process?", content: "Secure handling for all fine art pieces." },
|
||||
{ id: "q3", title: "Licensing works?", content: "Inquire regarding usage rights for commercial projects." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -238,30 +130,10 @@ export default function LandingPage() {
|
||||
logoText="ELARA"
|
||||
columns={[
|
||||
{
|
||||
title: "Studio",
|
||||
items: [
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "/gallery",
|
||||
},
|
||||
{
|
||||
label: "Biography",
|
||||
href: "/about",
|
||||
},
|
||||
],
|
||||
title: "Studio", items: [{ label: "Gallery", href: "/gallery" }, { label: "Biography", href: "/about" }],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Connect", items: [{ label: "Contact", href: "/contact" }, { label: "Instagram", href: "#" }],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user