Merge version_1 into main #2
223
src/app/page.tsx
223
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Programs",
|
||||
id: "programs",
|
||||
},
|
||||
{
|
||||
name: "Impact",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Programs", id: "programs" },
|
||||
{ name: "Impact", id: "metrics" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Art Life Inc"
|
||||
/>
|
||||
@@ -54,22 +42,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
logoText="Art Life Inc"
|
||||
description="Empowering our community through the transformative power of art. Join us in bringing creativity, education, and inspiration to every neighborhood."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Programs",
|
||||
href: "#programs",
|
||||
},
|
||||
{
|
||||
text: "Support Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Explore Programs", href: "#programs" },
|
||||
{ text: "Support Us", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-woman-playing-darts-with-friends_23-2148281609.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-woman-playing-darts-with-friends_23-2148281609.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -80,20 +60,11 @@ export default function LandingPage() {
|
||||
title="Our Mission to Create"
|
||||
description="At Art Life Inc, we believe that art is a fundamental right. Since 2010, we have provided over 500 workshops and gallery showcases to foster creativity across all age groups."
|
||||
metrics={[
|
||||
{
|
||||
value: "12+",
|
||||
title: "Years Active",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Workshops Led",
|
||||
},
|
||||
{
|
||||
value: "10k+",
|
||||
title: "Lives Touched",
|
||||
},
|
||||
{ value: "12+", title: "Years Active" },
|
||||
{ value: "500+", title: "Workshops Led" },
|
||||
{ value: "10k+", title: "Lives Touched" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-young-people-making-banners-together_23-2149343481.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-young-people-making-banners-together_23-2149343481.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -106,49 +77,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Painting & Canvas",
|
||||
description: "Hands-on guidance through various mediums including acrylics, oils, and watercolors.",
|
||||
icon: Feather,
|
||||
title: "Painting & Canvas", description: "Hands-on guidance through various mediums including acrylics, oils, and watercolors.", icon: Feather,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-female-artist-painting-canvas-with-paint-brush_23-2148117931.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/painted-plain-white-t-shirt-with-colorful-design_23-2150564448.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-female-artist-painting-canvas-with-paint-brush_23-2148117931.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/painted-plain-white-t-shirt-with-colorful-design_23-2150564448.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-playing-darts-with-friends_23-2148281609.jpg?_wi=2",
|
||||
imageAlt: "artist painting on canvas closeup",
|
||||
},
|
||||
{
|
||||
title: "Sculpture Studio",
|
||||
description: "Experience tactile creativity in clay molding and professional 3D sculpture techniques.",
|
||||
icon: Target,
|
||||
title: "Sculpture Studio", description: "Experience tactile creativity in clay molding and professional 3D sculpture techniques.", icon: Target,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-person-working-pottery-workshop_23-2148970757.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sculptor-artist-working-with-clay-studio_23-2149986284.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/creative-person-working-pottery-workshop_23-2148970757.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/sculptor-artist-working-with-clay-studio_23-2149986284.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-young-people-making-banners-together_23-2149343481.jpg?_wi=2",
|
||||
imageAlt: "artist painting on canvas closeup",
|
||||
},
|
||||
{
|
||||
title: "Public Exhibits",
|
||||
description: "Join our quarterly showcases where local artists bring their works to life in community galleries.",
|
||||
icon: Image,
|
||||
title: "Public Exhibits", description: "Join our quarterly showcases where local artists bring their works to life in community galleries.", icon: Image,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-photos-light-movie-projector_23-2149377358.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/special-product-photography-studio_23-2148970214.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-photos-light-movie-projector_23-2149377358.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/special-product-photography-studio_23-2148970214.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-painting-indoors_23-2148263428.jpg?_wi=1",
|
||||
imageAlt: "artist painting on canvas closeup",
|
||||
},
|
||||
]}
|
||||
title="Artistic Programs"
|
||||
@@ -163,27 +110,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "45",
|
||||
title: "Partner Schools",
|
||||
description: "Collaborative educational institutions.",
|
||||
icon: GraduationCap,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "82",
|
||||
title: "Local Exhibitions",
|
||||
description: "Annual shows for local talent.",
|
||||
icon: Layout,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15k",
|
||||
title: "Supporter Network",
|
||||
description: "Donors, artists, and attendees.",
|
||||
icon: Users,
|
||||
},
|
||||
{ id: "m1", value: "45", title: "Partner Schools", description: "Collaborative educational institutions.", icon: GraduationCap },
|
||||
{ id: "m2", value: "82", title: "Local Exhibitions", description: "Annual shows for local talent.", icon: Layout },
|
||||
{ id: "m3", value: "15k", title: "Supporter Network", description: "Donors, artists, and attendees.", icon: Users },
|
||||
]}
|
||||
title="Impact by Numbers"
|
||||
description="Tracking our reach and the tangible benefits of artistic inclusion."
|
||||
@@ -197,46 +126,11 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Maya Singh",
|
||||
role: "Artist",
|
||||
company: "Local Creator",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-painting-indoors_23-2148263428.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Leo Martinez",
|
||||
role: "Student",
|
||||
company: "Art Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-artist-man-posing_23-2148422179.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Donor",
|
||||
company: "Community Trust",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paint-composition-with-female-model_23-2147868277.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Wu",
|
||||
role: "Parent",
|
||||
company: "Public Art",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-greenhouse_23-2148509894.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Rossi",
|
||||
role: "Volunteer",
|
||||
company: "Global Hope",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-talented-female-artist-making-sketches-with-brightful-oils-drawing-easel-having-pleasant-smile-smiling-painter-being-busy-with-her-work-workshop-art-creativeness-concept_273609-371.jpg",
|
||||
},
|
||||
{ id: "1", name: "Maya Singh", role: "Artist", company: "Local Creator", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-painting-indoors_23-2148263428.jpg" },
|
||||
{ id: "2", name: "Leo Martinez", role: "Student", company: "Art Tech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-artist-man-posing_23-2148422179.jpg" },
|
||||
{ id: "3", name: "Sarah Jenkins", role: "Donor", company: "Community Trust", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/paint-composition-with-female-model_23-2147868277.jpg" },
|
||||
{ id: "4", name: "David Wu", role: "Parent", company: "Public Art", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-greenhouse_23-2148509894.jpg" },
|
||||
{ id: "5", name: "Elena Rossi", role: "Volunteer", company: "Global Hope", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-talented-female-artist-making-sketches-with-brightful-oils-drawing-easel-having-pleasant-smile-smiling-painter-being-busy-with-her-work-workshop-art-creativeness-concept_273609-371.jpg" },
|
||||
]}
|
||||
title="Voices of the Community"
|
||||
description="See why our programs are valued by artists and attendees alike."
|
||||
@@ -248,14 +142,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Alpha Foundation",
|
||||
"Beta Arts",
|
||||
"Gamma Creative",
|
||||
"Delta Trust",
|
||||
"Epsilon Fund",
|
||||
"Zeta Partners",
|
||||
"Eta Org",
|
||||
]}
|
||||
"Alpha Foundation", "Beta Arts", "Gamma Creative", "Delta Trust", "Epsilon Fund", "Zeta Partners", "Eta Org"]}
|
||||
title="Supported By"
|
||||
description="We are honored to partner with these incredible organizations."
|
||||
/>
|
||||
@@ -264,60 +151,20 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get Involved"
|
||||
title="Join Our Movement"
|
||||
description="Whether you want to showcase your art or sponsor a workshop, we'd love to connect."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send a Message",
|
||||
href: "mailto:hello@artlife.inc",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Send a Message", href: "mailto:hello@artlife.inc" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Programs",
|
||||
href: "#programs",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Impact",
|
||||
href: "#metrics",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About Us", href: "#about" }, { label: "Programs", href: "#programs" }] },
|
||||
{ items: [{ label: "Impact", href: "#metrics" }, { label: "Support", href: "#contact" }] },
|
||||
{ items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
logoText="Art Life Inc"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user