164 lines
6.9 KiB
TypeScript
164 lines
6.9 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
|
import { Brush, Sparkles, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "/"},
|
|
{
|
|
name: "Shop", id: "/shop"},
|
|
{
|
|
name: "About", id: "/about"},
|
|
{
|
|
name: "Contact", id: "/contact"},
|
|
]}
|
|
brandName="Kings Arts"
|
|
button={{
|
|
text: "Shop Now", href: "/shop"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
imagePosition="right"
|
|
title="Our Story: Inspiring Creativity for Over a Decade"
|
|
description="Kings Arts began with a simple vision: to create a haven where artists could find everything they needed to bring their visions to life. From humble beginnings as a small local gallery, we've grown into a vibrant community hub, dedicated to fostering artistic expression and supporting creators at every level. We believe in the power of art to transform lives and connect communities."
|
|
bulletPoints={[
|
|
{
|
|
title: "Our Mission", description: "To cultivate creativity by providing premium art supplies, exquisite artworks, and enriching educational experiences.", icon: Brush,
|
|
},
|
|
{
|
|
title: "Our Values", description: "Passion, Quality, Community, and Inspiration guide everything we do, ensuring an unparalleled artistic journey for all.", icon: Sparkles,
|
|
},
|
|
{
|
|
title: "Community Focus", description: "We actively support local artists and host events that bring the vibrant art community together.", icon: Users,
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/top-view-assortment-paint-pencils_23-2148662973.jpg"
|
|
imageAlt="Bright art studio with painting supplies"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
team={[
|
|
{
|
|
id: "1", name: "Anya Sharma", role: "Founder & Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/confused-superwoman-with-red-cape-optical-glasses-stands-sideways-putting-hand-chin-isolated-orange-wall_141793-95619.jpg", imageAlt: "Portrait of Anya Sharma"},
|
|
{
|
|
id: "2", name: "Ben Carter", role: "Head Curator", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-smiling-cheerfully-pointin-with-thumbs-back_141793-55345.jpg", imageAlt: "Portrait of Ben Carter"},
|
|
{
|
|
id: "3", name: "Chloe Davies", role: "Workshop Coordinator", imageSrc: "http://img.b2bpic.net/free-photo/unknown-young-man-posing-front-view_23-2149417576.jpg", imageAlt: "Portrait of Chloe Davies"},
|
|
{
|
|
id: "4", name: "Daniel Lee", role: "Art Supplies Specialist", imageSrc: "http://img.b2bpic.net/free-photo/young-man-painting-with-acrylics_23-2148854549.jpg", imageAlt: "Portrait of Daniel Lee"},
|
|
]}
|
|
title="Meet the Passion Behind Kings Arts"
|
|
description="Our dedicated team of artists, educators, and art enthusiasts are here to share their knowledge and passion with you, ensuring a rich and supportive environment for your creative journey."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={false}
|
|
title="Our Impact in Numbers"
|
|
tag="Community & Growth"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "10+", description: "Years Inspiring Creativity"},
|
|
{
|
|
id: "2", value: "50+", description: "Workshops & Events Hosted Annually"},
|
|
{
|
|
id: "3", value: "1000s", description: "Artists Supported Worldwide"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Local Art Guild", "Creative Hub Studios", "Articulate Academy", "Gallery X", "The Modern Canvas"]}
|
|
title="Trusted by Artists & Institutions"
|
|
description="We're proud to be the preferred choice for leading art schools, professional artists, and creative organizations, providing quality and inspiration."
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Shop", items: [
|
|
{
|
|
label: "Paintings", href: "/shop"},
|
|
{
|
|
label: "Sculptures", href: "/shop"},
|
|
{
|
|
label: "Art Supplies", href: "/shop"},
|
|
{
|
|
label: "Prints", href: "/shop"},
|
|
],
|
|
},
|
|
{
|
|
title: "About", items: [
|
|
{
|
|
label: "Our Story", href: "/about"},
|
|
{
|
|
label: "Our Team", href: "/about"},
|
|
{
|
|
label: "Workshops", href: "/about"},
|
|
],
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{
|
|
label: "Contact Us", href: "/contact"},
|
|
{
|
|
label: "FAQ", href: "/contact#faq"},
|
|
{
|
|
label: "Shipping", href: "#"},
|
|
{
|
|
label: "Returns", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Kings Arts. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|