Merge version_1 into main #2
367
src/app/page.tsx
367
src/app/page.tsx
@@ -13,276 +13,119 @@ import TextAbout from '@/components/sections/about/TextAbout';
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Art by KK"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Art by KK"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Art by KK"
|
||||
description="Where passion meets precision. Experience a curated collection of fine art designed to inspire and transform your space."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-painting-with-watercolor-studio_23-2148014058.jpg?_wi=1",
|
||||
imageAlt: "Artistic Studio 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-texture-paint-brush-stroke_23-2148177416.jpg?_wi=1",
|
||||
imageAlt: "Texture Detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/painting-concept-with-brushes_23-2147781600.jpg?_wi=1",
|
||||
imageAlt: "Creative Workshop",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-arranging-clothes_23-2148372134.jpg?_wi=1",
|
||||
imageAlt: "Gallery Wall",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/painted-wall-with-vivid-colors_23-2149673024.jpg?_wi=1",
|
||||
imageAlt: "Abstract Composition",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-artist-looking-vase-design-inspiration-draw-canvas-creativity-studio-room-home-black-adult-man-using-pencil-masterpiece-drawing-creating-fine-art_482257-28629.jpg?_wi=1",
|
||||
imageAlt: "Artist at Work",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "plain" }}
|
||||
title="Art by KK"
|
||||
description="Where passion meets precision. Experience a curated collection of fine art designed to inspire and transform your space."
|
||||
buttons={[
|
||||
{ text: "View Gallery", href: "#gallery" },
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-painting-with-watercolor-studio_23-2148014058.jpg", imageAlt: "abstract painting studio atmosphere" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/artistic-texture-paint-brush-stroke_23-2148177416.jpg", imageAlt: "oil painting texture close up" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/painting-concept-with-brushes_23-2147781600.jpg", imageAlt: "artist workshop creative space" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-arranging-clothes_23-2148372134.jpg", imageAlt: "artistic vision gallery wall" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/painted-wall-with-vivid-colors_23-2149673024.jpg", imageAlt: "beautiful abstract composition art" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/african-american-artist-looking-vase-design-inspiration-draw-canvas-creativity-studio-room-home-black-adult-man-using-pencil-masterpiece-drawing-creating-fine-art_482257-28629.jpg", imageAlt: "professional painter creative studio" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Our Artistic Vision"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Our Artistic Vision"
|
||||
buttons={[{ text: "Learn More", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "art-1",
|
||||
name: "Midnight Essence",
|
||||
price: "Custom Pricing",
|
||||
variant: "Original Canvas",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-texture-paint-brush-stroke_23-2148177416.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "art-2",
|
||||
name: "Golden Horizon",
|
||||
price: "Custom Pricing",
|
||||
variant: "Acrylic on Wood",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-arranging-clothes_23-2148372134.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "art-3",
|
||||
name: "Floral Harmony",
|
||||
price: "Custom Pricing",
|
||||
variant: "Oil on Linen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-painting-with-watercolor-studio_23-2148014058.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "art-4",
|
||||
name: "Urban Flow",
|
||||
price: "Custom Pricing",
|
||||
variant: "Canvas Print",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/painted-wall-with-vivid-colors_23-2149673024.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "art-5",
|
||||
name: "Serene Peaks",
|
||||
price: "Custom Pricing",
|
||||
variant: "Original Canvas",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/painting-concept-with-brushes_23-2147781600.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "art-6",
|
||||
name: "Abstract Dreams",
|
||||
price: "Custom Pricing",
|
||||
variant: "Mixed Media",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-artist-looking-vase-design-inspiration-draw-canvas-creativity-studio-room-home-black-adult-man-using-pencil-masterpiece-drawing-creating-fine-art_482257-28629.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Selected Works"
|
||||
description="A glimpse into the latest collection available for purchase."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
title="Selected Works"
|
||||
description="A glimpse into the latest collection available for purchase."
|
||||
products={[
|
||||
{ id: "art-1", name: "Midnight Essence", price: "Custom Pricing", variant: "Original Canvas", imageSrc: "http://img.b2bpic.net/free-photo/artistic-texture-paint-brush-stroke_23-2148177416.jpg" },
|
||||
{ id: "art-2", name: "Golden Horizon", price: "Custom Pricing", variant: "Acrylic on Wood", imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-arranging-clothes_23-2148372134.jpg" },
|
||||
{ id: "art-3", name: "Floral Harmony", price: "Custom Pricing", variant: "Oil on Linen", imageSrc: "http://img.b2bpic.net/free-photo/woman-painting-with-watercolor-studio_23-2148014058.jpg" },
|
||||
{ id: "art-4", name: "Urban Flow", price: "Custom Pricing", variant: "Canvas Print", imageSrc: "http://img.b2bpic.net/free-photo/painted-wall-with-vivid-colors_23-2149673024.jpg" },
|
||||
{ id: "art-5", name: "Serene Peaks", price: "Custom Pricing", variant: "Original Canvas", imageSrc: "http://img.b2bpic.net/free-photo/painting-concept-with-brushes_23-2147781600.jpg" },
|
||||
{ id: "art-6", name: "Abstract Dreams", price: "Custom Pricing", variant: "Mixed Media", imageSrc: "http://img.b2bpic.net/free-photo/african-american-artist-looking-vase-design-inspiration-draw-canvas-creativity-studio-room-home-black-adult-man-using-pencil-masterpiece-drawing-creating-fine-art_482257-28629.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Client Reflections"
|
||||
description="Hear what collectors and art lovers have to say about the creative journey with Art by KK."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Collector",
|
||||
company: "Private Collection",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-painting-with-watercolor-studio_23-2148014058.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark R.",
|
||||
role: "Architect",
|
||||
company: "Design Firm",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-texture-paint-brush-stroke_23-2148177416.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena P.",
|
||||
role: "Gallery Curator",
|
||||
company: "Modern Space",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/painting-concept-with-brushes_23-2147781600.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
role: "Business Owner",
|
||||
company: "Creative Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-arranging-clothes_23-2148372134.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe T.",
|
||||
role: "Interior Designer",
|
||||
company: "Luxury Living",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/painted-wall-with-vivid-colors_23-2149673024.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Client Reflections"
|
||||
description="Hear what collectors and art lovers have to say about the creative journey with Art by KK."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", role: "Collector", company: "Private Collection", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-painting-with-watercolor-studio_23-2148014058.jpg" },
|
||||
{ id: "2", name: "Mark R.", role: "Architect", company: "Design Firm", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/artistic-texture-paint-brush-stroke_23-2148177416.jpg" },
|
||||
{ id: "3", name: "Elena P.", role: "Gallery Curator", company: "Modern Space", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/painting-concept-with-brushes_23-2147781600.jpg" },
|
||||
{ id: "4", name: "David L.", role: "Business Owner", company: "Creative Hub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-arranging-clothes_23-2148372134.jpg" },
|
||||
{ id: "5", name: "Chloe T.", role: "Interior Designer", company: "Luxury Living", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/painted-wall-with-vivid-colors_23-2149673024.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Let's Collaborate"
|
||||
description="Interested in commissioned work or studio visits? Reach out to us."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help you?",
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rear-view-businesswoman-working-home-office_329181-19539.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Let's Collaborate"
|
||||
description="Interested in commissioned work or studio visits? Reach out to us."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "How can we help you?", required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rear-view-businesswoman-working-home-office_329181-19539.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Art by KK"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Pinterest",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Art by KK"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#home" }, { label: "About", href: "#about" }, { label: "Gallery", href: "#gallery" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "Pinterest", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user