Merge version_2 into main #2
234
src/app/page.tsx
234
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
name: "Gallery", id: "gallery"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Sketchly"
|
||||
/>
|
||||
@@ -52,67 +44,37 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Share Your Art, Inspire the World."
|
||||
description="Join our community of artists. Upload your drawings, connect with like-minded creators, and build your digital art portfolio effortlessly."
|
||||
description="Join our community of artists. Upload your drawings, interact with others via likes and comments, and grow your personal art profile with real-time updates."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
{
|
||||
text: "Explore Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
text: "Explore Gallery", href: "#gallery"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-art-tools-studio-paints-brushes-canvas-pencil_633478-1198.jpg?_wi=1"
|
||||
imageAlt="Community of artists sharing art"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-cartoon-style-character_23-2151034081.jpg",
|
||||
alt: "Artist 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/3d-cartoon-style-character_23-2151034081.jpg", alt: "Artist 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-painter-studio-using-watercolor-his-art_23-2150213710.jpg",
|
||||
alt: "Artist 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/male-painter-studio-using-watercolor-his-art_23-2150213710.jpg", alt: "Artist 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-vr-glasses_23-2151136808.jpg",
|
||||
alt: "Artist 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-vr-glasses_23-2151136808.jpg", alt: "Artist 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/van-gogh-portrait_23-2149737750.jpg",
|
||||
alt: "Artist 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/van-gogh-portrait_23-2149737750.jpg", alt: "Artist 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/asian-architect-woman_53876-31462.jpg",
|
||||
alt: "Artist 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/asian-architect-woman_53876-31462.jpg", alt: "Artist 5"},
|
||||
]}
|
||||
avatarText="Join 10k+ artists"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Digital Illustration",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Traditional Sketching",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Concept Art",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Character Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Concept Modeling",
|
||||
},
|
||||
{ type: "text", text: "Interactive Likes" },
|
||||
{ type: "text", text: "Comments System" },
|
||||
{ type: "text", text: "Follow Creators" },
|
||||
{ type: "text", text: "Real-time Updates" },
|
||||
{ type: "text", text: "Artist Profiles" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,44 +87,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Fantasy Portrait",
|
||||
price: "Artist: Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-kid-celebrating-holy-week_23-2151196059.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Fantasy Portrait", price: "Artist: Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-kid-celebrating-holy-week_23-2151196059.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Watercolor Landscape",
|
||||
price: "Artist: Mark R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-watercolor-paint-abstract-backdrop_23-2148055385.jpg?_wi=1",
|
||||
},
|
||||
id: "2", name: "Watercolor Landscape", price: "Artist: Mark R.", imageSrc: "http://img.b2bpic.net/free-photo/blue-watercolor-paint-abstract-backdrop_23-2148055385.jpg?_wi=1"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Monument Sketch",
|
||||
price: "Artist: Emily K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-skyscraper-surrounded-with-clouds_181624-561.jpg?_wi=1",
|
||||
},
|
||||
id: "3", name: "Monument Sketch", price: "Artist: Emily K.", imageSrc: "http://img.b2bpic.net/free-photo/top-skyscraper-surrounded-with-clouds_181624-561.jpg?_wi=1"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Minimal Line Art",
|
||||
price: "Artist: David L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-artist-concept-with-top-view-desk_23-2148002175.jpg?_wi=1",
|
||||
},
|
||||
id: "4", name: "Minimal Line Art", price: "Artist: David L.", imageSrc: "http://img.b2bpic.net/free-photo/modern-artist-concept-with-top-view-desk_23-2148002175.jpg?_wi=1"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Neon Vehicle",
|
||||
price: "Artist: Chloe M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-three-dimensional-car-model_23-2151138982.jpg",
|
||||
},
|
||||
id: "5", name: "Neon Vehicle", price: "Artist: Chloe M.", imageSrc: "http://img.b2bpic.net/free-photo/view-three-dimensional-car-model_23-2151138982.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Expressive Figure",
|
||||
price: "Artist: Alex P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-chinese-ink-concept_23-2148785907.jpg",
|
||||
},
|
||||
id: "6", name: "Expressive Figure", price: "Artist: Alex P.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-chinese-ink-concept_23-2148785907.jpg"},
|
||||
]}
|
||||
title="Latest Masterpieces"
|
||||
description="Browse our featured artists and get inspired by their latest sketches."
|
||||
description="Browse our featured artists and engage with their work through interactive likes and comments."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -173,31 +111,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Upload",
|
||||
title: "Easy Uploads",
|
||||
subtitle: "Seamless integration",
|
||||
description: "Drag and drop your high-quality files directly into your personal feed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-download-icon-laptop_53876-74913.jpg",
|
||||
},
|
||||
tag: "Social", title: "Follow System", subtitle: "Stay updated", description: "Follow your favorite artists to get notified about their latest drawings and creative updates in real-time.", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-download-icon-laptop_53876-74913.jpg"},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Connect",
|
||||
title: "Artist Feed",
|
||||
subtitle: "Community focused",
|
||||
description: "Discover trending artists and engage with peers through likes and comments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/choosing-icons-mobile-app_1098-18639.jpg",
|
||||
},
|
||||
tag: "Interaction", title: "Likes & Comments", subtitle: "Engage meaningfully", description: "Build deeper connections by sharing thoughts on pieces you love and joining creative discussions.", imageSrc: "http://img.b2bpic.net/free-photo/choosing-icons-mobile-app_1098-18639.jpg"},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Stats",
|
||||
title: "Portfolio Tools",
|
||||
subtitle: "Actionable insights",
|
||||
description: "Track your reach and watch how your audience grows over time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-putting-sticky-notes-laptop-screen-as-work-reminder-company-office-manager-using-adhesive-post-it-paper-display-remember-business-schedule-presentation-close-up_482257-33914.jpg",
|
||||
},
|
||||
tag: "Profiles", title: "Personal Portfolio", subtitle: "Curate your style", description: "Every artist gets a unique profile to manage their portfolio, track engagement, and show off their growth.", imageSrc: "http://img.b2bpic.net/free-photo/employee-putting-sticky-notes-laptop-screen-as-work-reminder-company-office-manager-using-adhesive-post-it-paper-display-remember-business-schedule-presentation-close-up_482257-33914.jpg"},
|
||||
]}
|
||||
title="Built for Creators"
|
||||
description="Powerful tools designed to help you organize, share, and grow your art portfolio."
|
||||
description="Immersive tools designed to help you organize, share, and interact with the creative community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -207,63 +130,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
date: "Oct 2023",
|
||||
title: "Illustrator",
|
||||
quote: "The best platform for showcasing my digital illustrations. The community is so supportive.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-style-character_23-2151034081.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-art-tools-studio-paints-brushes-canvas-pencil_633478-1198.jpg?_wi=2",
|
||||
imageAlt: "digital tablet illustration art workspace",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", date: "Oct 2023", title: "Illustrator", quote: "The interactive features like comments made my portfolio feel much more alive. I've gained genuine connections.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-style-character_23-2151034081.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-art-tools-studio-paints-brushes-canvas-pencil_633478-1198.jpg?_wi=2", imageAlt: "digital tablet illustration art workspace"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Rivers",
|
||||
date: "Nov 2023",
|
||||
title: "Painter",
|
||||
quote: "I've seen my follower count grow significantly since joining the Sketchly community.",
|
||||
tag: "Fan",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/male-painter-studio-using-watercolor-his-art_23-2150213710.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-kid-celebrating-holy-week_23-2151196059.jpg?_wi=2",
|
||||
imageAlt: "fantasy portrait sketchbook drawing",
|
||||
},
|
||||
id: "2", name: "Mark Rivers", date: "Nov 2023", title: "Painter", quote: "The follow system is perfect. I never miss a new post from artists I truly admire.", tag: "Fan", avatarSrc: "http://img.b2bpic.net/free-photo/male-painter-studio-using-watercolor-his-art_23-2150213710.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-kid-celebrating-holy-week_23-2151196059.jpg?_wi=2", imageAlt: "fantasy portrait sketchbook drawing"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Kim",
|
||||
date: "Dec 2023",
|
||||
title: "Concept Artist",
|
||||
quote: "The analytics tools are super helpful for refining my artistic style and audience engagement.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-vr-glasses_23-2151136808.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-watercolor-paint-abstract-backdrop_23-2148055385.jpg?_wi=2",
|
||||
imageAlt: "watercolor landscape artwork masterpiece",
|
||||
},
|
||||
id: "3", name: "Emily Kim", date: "Dec 2023", title: "Concept Artist", quote: "My profile has become a hub for feedback. It's incredibly encouraging to see real-time updates on engagement.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-vr-glasses_23-2151136808.jpg", imageSrc: "http://img.b2bpic.net/free-photo/blue-watercolor-paint-abstract-backdrop_23-2148055385.jpg?_wi=2", imageAlt: "watercolor landscape artwork masterpiece"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
date: "Jan 2024",
|
||||
title: "Pencil Artist",
|
||||
quote: "Clean, distraction-free environment that puts my artwork first and foremost.",
|
||||
tag: "Fan",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/van-gogh-portrait_23-2149737750.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-skyscraper-surrounded-with-clouds_181624-561.jpg?_wi=2",
|
||||
imageAlt: "charcoal sketch architectural monument",
|
||||
},
|
||||
id: "4", name: "David L.", date: "Jan 2024", title: "Pencil Artist", quote: "Clean environment with great community features. It's the perfect social space for serious artists.", tag: "Fan", avatarSrc: "http://img.b2bpic.net/free-photo/van-gogh-portrait_23-2149737750.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-skyscraper-surrounded-with-clouds_181624-561.jpg?_wi=2", imageAlt: "charcoal sketch architectural monument"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe M.",
|
||||
date: "Feb 2024",
|
||||
title: "Graphic Designer",
|
||||
quote: "Simple, effective, and beautiful. Just what I needed for my professional portfolio.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/asian-architect-woman_53876-31462.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-artist-concept-with-top-view-desk_23-2148002175.jpg?_wi=2",
|
||||
imageAlt: "abstract line art illustration digital",
|
||||
},
|
||||
id: "5", name: "Chloe M.", date: "Feb 2024", title: "Graphic Designer", quote: "Easy to use profiles and great engagement tools. It’s helped me build a professional audience effortlessly.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/asian-architect-woman_53876-31462.jpg", imageSrc: "http://img.b2bpic.net/free-photo/modern-artist-concept-with-top-view-desk_23-2148002175.jpg?_wi=2", imageAlt: "abstract line art illustration digital"},
|
||||
]}
|
||||
title="Loved by Artists"
|
||||
description="Read stories from creators who have built their audience on our platform."
|
||||
description="Creators agree: the interactive experience makes all the difference in building an audience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -271,25 +149,17 @@ export default function LandingPage() {
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Join Sketchly Today"
|
||||
description="Ready to showcase your sketches? Fill out the form and join our community."
|
||||
description="Get your personal profile, start following artists, and join the conversation. Sign up now!"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your art style!",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your art style!", rows: 4,
|
||||
}}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-art-tools-studio-paints-brushes-canvas-pencil_633478-1198.jpg?_wi=3"
|
||||
@@ -303,33 +173,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
label: "Gallery", href: "#gallery"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -339,4 +197,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user