Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
287
src/app/page.tsx
287
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "home" },
|
||||||
name: "Home",
|
{ name: "About", id: "about" },
|
||||||
id: "home",
|
{ name: "Collection", id: "collection" },
|
||||||
},
|
{ name: "Artists", id: "artists" },
|
||||||
{
|
{ name: "Contact", id: "contact" },
|
||||||
name: "About",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Collection",
|
|
||||||
id: "collection",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Artists",
|
|
||||||
id: "artists",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Ethereal Gallery"
|
brandName="Ethereal Gallery"
|
||||||
/>
|
/>
|
||||||
@@ -58,33 +43,13 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="home" data-section="home">
|
<div id="home" data-section="home">
|
||||||
<HeroSplitDualMedia
|
<HeroSplitDualMedia
|
||||||
background={{
|
background={{ variant: "radial-gradient" }}
|
||||||
variant: "radial-gradient",
|
|
||||||
}}
|
|
||||||
title="Curating Excellence in Contemporary Art"
|
title="Curating Excellence in Contemporary Art"
|
||||||
description="Discover a hand-picked selection of visionary masterpieces. Elevate your space with timeless expressions from world-class artists."
|
description="Discover a hand-picked selection of visionary masterpieces. Elevate your space with timeless expressions from world-class artists."
|
||||||
tag="New Exhibition Now Live"
|
tag="New Exhibition Now Live"
|
||||||
mediaItems={[
|
mediaItems={[
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/elegant-modern-vase-design_23-2150529753.jpg", imageAlt: "Gallery Exhibition Space" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-modern-vase-design_23-2150529753.jpg?_wi=1",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-artistic-space-studio-with-nobody-it-ready-students-attend-drawing-class-school-classroom-equipped-with-painting-canvas-drawing-professional-tools-creative-concept_482257-38986.jpg", imageAlt: "Modern Art Painting" },
|
||||||
imageAlt: "Gallery Exhibition Space",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-artistic-space-studio-with-nobody-it-ready-students-attend-drawing-class-school-classroom-equipped-with-painting-canvas-drawing-professional-tools-creative-concept_482257-38986.jpg",
|
|
||||||
imageAlt: "Modern Art Painting",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-small-decorative-objects-with-vivid-colors_23-2149732954.jpg",
|
|
||||||
imageAlt: "Still life of small decorative objects with vivid colors",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/gypsum-bust-coral-background-with-geometric-shapes_23-2149588157.jpg",
|
|
||||||
imageAlt: "Gypsum bust on coral background with geometric shapes",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/marble-sculpture-historical-figure-with-medical-mask-leaves_23-2149364298.jpg",
|
|
||||||
imageAlt: "Marble sculpture of historical figure with medical mask and leaves",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
rating={5}
|
rating={5}
|
||||||
@@ -98,18 +63,9 @@ export default function LandingPage() {
|
|||||||
title="The Art of Curated Living"
|
title="The Art of Curated Living"
|
||||||
description="Since our founding, Ethereal Gallery has served as a bridge between visionary artists and collectors seeking beauty that transcends time. We prioritize authenticity, craftsmanship, and profound aesthetic impact."
|
description="Since our founding, Ethereal Gallery has served as a bridge between visionary artists and collectors seeking beauty that transcends time. We prioritize authenticity, craftsmanship, and profound aesthetic impact."
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ value: "15+", title: "Years Curating" },
|
||||||
value: "15+",
|
{ value: "200+", title: "Artists Represented" },
|
||||||
title: "Years Curating",
|
{ value: "1.2k", title: "Pieces Sold" },
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "200+",
|
|
||||||
title: "Artists Represented",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "1.2k",
|
|
||||||
title: "Pieces Sold",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
tag="Our Gallery Mission"
|
tag="Our Gallery Mission"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-man-with-drawing-notebook_23-2150182562.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/side-view-man-with-drawing-notebook_23-2150182562.jpg"
|
||||||
@@ -125,36 +81,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ id: "f1", title: "Abstract Expressions", tags: ["Oil", "Canvas"], imageSrc: "http://img.b2bpic.net/free-photo/paint-texture-background-wallpaper-abstract-art-acrylic-paint_53876-133238.jpg", imageAlt: "Abstract Painting" },
|
||||||
id: "f1",
|
{ id: "f2", title: "Modern Sculptures", tags: ["Stone", "Bronze"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-acrylic-paint-wallpaper_23-2149127650.jpg", imageAlt: "Modern Sculpture" },
|
||||||
title: "Abstract Expressions",
|
{ id: "f3", title: "Minimalist Prints", tags: ["Digital", "Limited"], imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-abstract-art-cover-collection_23-2148972447.jpg", imageAlt: "Minimalist Art" },
|
||||||
tags: [
|
|
||||||
"Oil",
|
|
||||||
"Canvas",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/paint-texture-background-wallpaper-abstract-art-acrylic-paint_53876-133238.jpg",
|
|
||||||
imageAlt: "Abstract Painting",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f2",
|
|
||||||
title: "Modern Sculptures",
|
|
||||||
tags: [
|
|
||||||
"Stone",
|
|
||||||
"Bronze",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-acrylic-paint-wallpaper_23-2149127650.jpg",
|
|
||||||
imageAlt: "Modern Sculpture",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f3",
|
|
||||||
title: "Minimalist Prints",
|
|
||||||
tags: [
|
|
||||||
"Digital",
|
|
||||||
"Limited",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-abstract-art-cover-collection_23-2148972447.jpg",
|
|
||||||
imageAlt: "Minimalist Art",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Exclusive Series"
|
title="Exclusive Series"
|
||||||
description="Explore unique series that redefine modern artistic expression through texture, color, and concept."
|
description="Explore unique series that redefine modern artistic expression through texture, color, and concept."
|
||||||
@@ -163,52 +92,14 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="collection" data-section="collection">
|
<div id="collection" data-section="collection">
|
||||||
<ProductCardFour
|
<ProductCardFour
|
||||||
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "p1", name: "Vivid Harmony", price: "$2,500", variant: "Oil on Canvas", imageSrc: "http://img.b2bpic.net/free-photo/abstract-hand-paint-watercolor-texture_1409-2596.jpg" },
|
||||||
id: "p1",
|
{ id: "p2", name: "Silent Motion", price: "$4,200", variant: "Bronze Sculpture", imageSrc: "http://img.b2bpic.net/free-photo/picture-frame-with-chromatography-art-wall_53876-110471.jpg" },
|
||||||
name: "Vivid Harmony",
|
{ id: "p3", name: "Urban Echoes", price: "$1,800", variant: "Limited Print", imageSrc: "http://img.b2bpic.net/free-photo/couple-looking-painting-back-view_23-2149911896.jpg" },
|
||||||
price: "$2,500",
|
|
||||||
variant: "Oil on Canvas",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-hand-paint-watercolor-texture_1409-2596.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p2",
|
|
||||||
name: "Silent Motion",
|
|
||||||
price: "$4,200",
|
|
||||||
variant: "Bronze Sculpture",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/picture-frame-with-chromatography-art-wall_53876-110471.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p3",
|
|
||||||
name: "Urban Echoes",
|
|
||||||
price: "$1,800",
|
|
||||||
variant: "Limited Print",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-looking-painting-back-view_23-2149911896.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p4",
|
|
||||||
name: "Ethereal Form",
|
|
||||||
price: "$3,500",
|
|
||||||
variant: "Ceramic",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/body-shaped-modern-vases-arrangement_23-2149835471.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p5",
|
|
||||||
name: "Nocturnal Glow",
|
|
||||||
price: "$2,900",
|
|
||||||
variant: "Photography",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-looking-painting_23-2149911894.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p6",
|
|
||||||
name: "Dynamic Balance",
|
|
||||||
price: "$5,100",
|
|
||||||
variant: "Mixed Media",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/textured-paint-background-wallpaper-abstract-art-with-mixed-colors_53876-176791.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Current Collection"
|
title="Current Collection"
|
||||||
description="Available pieces from our most prestigious artists. Each work is a testament to the transformative power of art."
|
description="Available pieces from our most prestigious artists. Each work is a testament to the transformative power of art."
|
||||||
@@ -222,33 +113,10 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
groups={[
|
groups={[
|
||||||
{
|
{
|
||||||
id: "g1",
|
id: "g1", groupTitle: "Featured Creators", members: [
|
||||||
groupTitle: "Featured Creators",
|
{ id: "m1", title: "Elena Rossi", subtitle: "Lead Painter", detail: "Master of abstract textures.", imageSrc: "http://img.b2bpic.net/free-photo/woman-artist-with-with-painted-hands-holding-brushes_1303-31395.jpg" },
|
||||||
members: [
|
{ id: "m2", title: "Julian Vane", subtitle: "Sculptor", detail: "Working with sustainable stone.", imageSrc: "http://img.b2bpic.net/free-photo/senior-artist-with-chronic-impairment-drawing-vase-design-canvas-with-pencils-artistic-skills-paralyzed-woman-wheelchair-using-inspiration-model-draw-artwork-sketch_482257-45951.jpg" },
|
||||||
{
|
|
||||||
id: "m1",
|
|
||||||
title: "Elena Rossi",
|
|
||||||
subtitle: "Lead Painter",
|
|
||||||
detail: "Master of abstract textures.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-artist-with-with-painted-hands-holding-brushes_1303-31395.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m2",
|
|
||||||
title: "Julian Vane",
|
|
||||||
subtitle: "Sculptor",
|
|
||||||
detail: "Working with sustainable stone.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-artist-with-chronic-impairment-drawing-vase-design-canvas-with-pencils-artistic-skills-paralyzed-woman-wheelchair-using-inspiration-model-draw-artwork-sketch_482257-45951.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m3",
|
|
||||||
title: "Maya Thorne",
|
|
||||||
subtitle: "Digital Artist",
|
|
||||||
detail: "Pioneering minimalist digital prints.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/female-painter-her-art-studio_273609-12943.jpg",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-modern-vase-design_23-2150529753.jpg?_wi=2",
|
|
||||||
imageAlt: "professional painter artist portrait",
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Visionary Artists"
|
title="Visionary Artists"
|
||||||
@@ -262,27 +130,8 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "met1", value: "10k+", title: "Gallery Visitors", description: "Passionate art enthusiasts.", imageSrc: "http://img.b2bpic.net/free-photo/ramadan-frames-wall-front-view-white-background_187299-38104.jpg" },
|
||||||
id: "met1",
|
{ id: "met2", value: "500", title: "Art Collectors", description: "Global patronage reach.", imageSrc: "http://img.b2bpic.net/free-photo/team-painters-collaborate-new-rustic-masterpiece-art-craft-atelier_482257-118368.jpg" },
|
||||||
value: "10k+",
|
|
||||||
title: "Gallery Visitors",
|
|
||||||
description: "Passionate art enthusiasts.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/ramadan-frames-wall-front-view-white-background_187299-38104.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "met2",
|
|
||||||
value: "500",
|
|
||||||
title: "Art Collectors",
|
|
||||||
description: "Global patronage reach.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/team-painters-collaborate-new-rustic-masterpiece-art-craft-atelier_482257-118368.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "met3",
|
|
||||||
value: "120",
|
|
||||||
title: "Exhibitions Held",
|
|
||||||
description: "Diverse creative showcases.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-circular-frame-with-crayons_23-2148577664.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Gallery By Numbers"
|
title="Gallery By Numbers"
|
||||||
description="A reflection of our enduring commitment to art and community impact over the past decade."
|
description="A reflection of our enduring commitment to art and community impact over the past decade."
|
||||||
@@ -295,41 +144,8 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "t1", name: "Sarah Miller", handle: "@smiller", testimonial: "Exceptional curation and service throughout the entire acquisition process.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-canvas_23-2149050512.jpg" },
|
||||||
id: "t1",
|
{ id: "t2", name: "John Davis", handle: "@jdavis", testimonial: "The collection quality is truly unparalleled. A gallery that understands beauty.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-holds-brush-near-her-chin-smiles_8353-10789.jpg" },
|
||||||
name: "Sarah Miller",
|
|
||||||
handle: "@smiller",
|
|
||||||
testimonial: "Exceptional curation and service throughout the entire acquisition process.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-canvas_23-2149050512.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t2",
|
|
||||||
name: "John Davis",
|
|
||||||
handle: "@jdavis",
|
|
||||||
testimonial: "The collection quality is truly unparalleled. A gallery that understands beauty.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-holds-brush-near-her-chin-smiles_8353-10789.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t3",
|
|
||||||
name: "Emily Chen",
|
|
||||||
handle: "@echen",
|
|
||||||
testimonial: "Found the perfect centerpiece for my office. Truly professional.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/female-artist-chair_23-2148002494.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t4",
|
|
||||||
name: "Mark Wilson",
|
|
||||||
handle: "@mwilson",
|
|
||||||
testimonial: "I appreciate the diverse artists. Every visit introduces something new.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/male-artist-painting-studio-with-watercolors_23-2149908461.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t5",
|
|
||||||
name: "Chloe Adams",
|
|
||||||
handle: "@cadams",
|
|
||||||
testimonial: "High quality fine art with a clear focus on the artist's story.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-designer-drawing-sketches_171337-14517.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Collector Experiences"
|
title="Collector Experiences"
|
||||||
description="Discover why discerning collectors choose Ethereal Gallery for their private and corporate acquisitions."
|
description="Discover why discerning collectors choose Ethereal Gallery for their private and corporate acquisitions."
|
||||||
@@ -339,18 +155,11 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain",
|
|
||||||
}}
|
|
||||||
tag="Inquire Today"
|
tag="Inquire Today"
|
||||||
title="Start Your Collection"
|
title="Start Your Collection"
|
||||||
description="Connect with our curators to discuss available pieces or schedule a private viewing at our gallery studio."
|
description="Connect with our curators to discuss available pieces or schedule a private viewing at our gallery studio."
|
||||||
buttons={[
|
buttons={[{ text: "Contact Curators", href: "#contact" }]}
|
||||||
{
|
|
||||||
text: "Contact Curators",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -358,45 +167,9 @@ export default function LandingPage() {
|
|||||||
<FooterBaseCard
|
<FooterBaseCard
|
||||||
logoText="Ethereal Gallery"
|
logoText="Ethereal Gallery"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "About", items: [{ label: "Our History", href: "#about" }, { label: "The Team", href: "#artists" }] },
|
||||||
title: "About",
|
{ title: "Explore", items: [{ label: "Full Collection", href: "#collection" }, { label: "New Arrivals", href: "#collection" }] },
|
||||||
items: [
|
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Privacy Policy", href: "#" }] },
|
||||||
{
|
|
||||||
label: "Our History",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "The Team",
|
|
||||||
href: "#artists",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Explore",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Full Collection",
|
|
||||||
href: "#collection",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "New Arrivals",
|
|
||||||
href: "#collection",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Support",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "FAQ",
|
|
||||||
href: "#faq",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Privacy Policy",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user