Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-03-05 21:12:34 +00:00
2 changed files with 36 additions and 19 deletions

View File

@@ -22,16 +22,19 @@ const sourceSans3 = Source_Sans_3({
export const metadata: Metadata = {
title: "Art Mail Club - Premium Curated Art & Stories", description: "Receive handpicked high-quality art prints and exclusive stories monthly. Reserve your first batch of the Art Mail Club today.", keywords: "art subscription, curated prints, monthly art, art community, premium art, storytelling", metadataBase: new URL("https://artmailclub.com"),
alternates: {
canonical: "https://artmailclub.com"},
canonical: "https://artmailclub.com"
},
openGraph: {
title: "Art Mail Club - Premium Curated Art & Stories", description: "Receive handpicked high-quality art prints and exclusive stories monthly. Reserve your first batch of the Art Mail Club today.", url: "https://artmailclub.com", siteName: "Art Mail Club", type: "website", images: [
{
url: "http://img.b2bpic.net/free-vector/abstract-black-watercolor-gold-glitter-background_53876-96575.jpg", alt: "Premium art display"},
url: "http://img.b2bpic.net/free-vector/abstract-black-watercolor-gold-glitter-background_53876-96575.jpg", alt: "Premium art display"
},
],
},
twitter: {
card: "summary_large_image", title: "Art Mail Club - Premium Curated Art & Stories", description: "Receive handpicked high-quality art prints and exclusive stories monthly.", images: [
"http://img.b2bpic.net/free-vector/abstract-black-watercolor-gold-glitter-background_53876-96575.jpg"],
"http://img.b2bpic.net/free-vector/abstract-black-watercolor-gold-glitter-background_53876-96575.jpg"
],
},
robots: {
index: true,

View File

@@ -14,14 +14,14 @@ import { Sparkles, Frame, BookOpen, Palette, Gift, Instagram, Twitter, Linkedin
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultButtonVariant="radial-glow"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="compact"
sizing="largeSizeMediumTitles"
background="noise"
cardStyle="soft-shadow"
primaryButtonStyle="radial-glow"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
headingFontWeight="extrabold"
>
@@ -79,16 +79,20 @@ export default function LandingPage() {
features={[
{
icon: Frame,
title: "Premium Art Print", description: "High-quality archival print, 11x14 inches, professionally curated by art experts"},
title: "Premium Art Print", description: "High-quality archival print, 11x14 inches, professionally curated by art experts"
},
{
icon: BookOpen,
title: "Exclusive Story", description: "A compelling short story or chapter inspired by the month's featured artwork"},
title: "Exclusive Story", description: "A compelling short story or chapter inspired by the month's featured artwork"
},
{
icon: Palette,
title: "Artistic Commentary", description: "Insights into the artist's vision, techniques, and the story behind each piece"},
title: "Artistic Commentary", description: "Insights into the artist's vision, techniques, and the story behind each piece"
},
{
icon: Gift,
title: "Limited Edition", description: "Each print is part of a limited monthly series, adding exclusivity to your collection"},
title: "Limited Edition", description: "Each print is part of a limited monthly series, adding exclusivity to your collection"
},
]}
animationType="slide-up"
textboxLayout="default"
@@ -104,15 +108,18 @@ export default function LandingPage() {
metrics={[
{
id: "1", value: "01", title: "Reserve Your Membership", items: [
"Sign up to secure your first batch", "Choose delivery preferences", "Get early access to exclusive prints"],
"Sign up to secure your first batch", "Choose delivery preferences", "Get early access to exclusive prints"
],
},
{
id: "2", value: "02", title: "Receive Monthly Delivery", items: [
"Curated art print arrives at your door", "Accompanied by exclusive story", "Premium packaging included"],
"Curated art print arrives at your door", "Accompanied by exclusive story", "Premium packaging included"
],
},
{
id: "3", value: "03", title: "Build Your Collection", items: [
"Grow your gallery over months", "Build a personal art library", "Connect with art community"],
"Grow your gallery over months", "Build a personal art library", "Connect with art community"
],
},
]}
animationType="slide-up"
@@ -129,13 +136,17 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Sarah Anderson", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Sarah Anderson"},
id: "1", name: "Sarah Anderson", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Sarah Anderson"
},
{
id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg", imageAlt: "Michael Chen"},
id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg", imageAlt: "Michael Chen"
},
{
id: "3", name: "Jessica Rivera", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Jessica Rivera"},
id: "3", name: "Jessica Rivera", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Jessica Rivera"
},
{
id: "4", name: "David Park", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "David Park"},
id: "4", name: "David Park", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "David Park"
},
]}
/>
</div>
@@ -161,13 +172,16 @@ export default function LandingPage() {
socialLinks={[
{
icon: Instagram,
href: "https://instagram.com", ariaLabel: "Instagram"},
href: "https://instagram.com", ariaLabel: "Instagram"
},
{
icon: Twitter,
href: "https://twitter.com", ariaLabel: "Twitter"},
href: "https://twitter.com", ariaLabel: "Twitter"
},
{
icon: Linkedin,
href: "https://linkedin.com", ariaLabel: "LinkedIn"},
href: "https://linkedin.com", ariaLabel: "LinkedIn"
},
]}
/>
</div>