Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
241
src/app/page.tsx
241
src/app/page.tsx
@@ -2,16 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "#gallery",
|
||||
},
|
||||
name: "Gallery", id: "#gallery"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="La Cachette"
|
||||
/>
|
||||
@@ -55,20 +46,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="La Cachette des artistes"
|
||||
description="An intimate sanctuary dedicated to the intersection of contemporary artistry, creative expression, and timeless inspiration."
|
||||
tag="Creative Sanctuary"
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Art",
|
||||
href: "#gallery",
|
||||
},
|
||||
text: "Discover Art", href: "#gallery"},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Visit Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/multiple-ceiling-spotlights-with-full-light-temperature-spectrum-3d-render_363450-7882.jpg"
|
||||
imageAlt="elegant art gallery interior warm lighting"
|
||||
@@ -83,17 +69,11 @@ export default function LandingPage() {
|
||||
description="La Cachette des artistes is a curated space where creators and collectors meet. We believe in the power of visual storytelling and the necessity of keeping art accessible and inspiring."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Curated Exhibitions",
|
||||
description: "Handpicked collections featuring emerging and established talent.",
|
||||
},
|
||||
title: "Curated Exhibitions", description: "Handpicked collections featuring emerging and established talent."},
|
||||
{
|
||||
title: "Artist Residencies",
|
||||
description: "Supporting the creation of new works in our dedicated studio.",
|
||||
},
|
||||
title: "Artist Residencies", description: "Supporting the creation of new works in our dedicated studio."},
|
||||
{
|
||||
title: "Creative Workshops",
|
||||
description: "Engaging experiences that foster community and artistic growth.",
|
||||
},
|
||||
title: "Creative Workshops", description: "Engaging experiences that foster community and artistic growth."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cottagecore-aesthetic-illustrated_23-2151855285.jpg"
|
||||
imageAlt="art gallery curator working"
|
||||
@@ -108,47 +88,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Midnight Echoes",
|
||||
price: "€1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-paint-mixing-with-orange_23-2147763464.jpg",
|
||||
imageAlt: "oil painting abstract artistic style",
|
||||
},
|
||||
id: "p1", name: "Midnight Echoes", price: "€1,200", imageSrc: "http://img.b2bpic.net/free-photo/black-paint-mixing-with-orange_23-2147763464.jpg", imageAlt: "oil painting abstract artistic style"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Terracotta Form",
|
||||
price: "€850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-bag-layout-with-place-text-women-s-accessories-jewellery-background-mockup-banner-fashion-accessories_460848-14709.jpg",
|
||||
imageAlt: "modern abstract sculptural art piece",
|
||||
},
|
||||
id: "p2", name: "Terracotta Form", price: "€850", imageSrc: "http://img.b2bpic.net/free-photo/hand-bag-layout-with-place-text-women-s-accessories-jewellery-background-mockup-banner-fashion-accessories_460848-14709.jpg", imageAlt: "modern abstract sculptural art piece"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Urban Silence",
|
||||
price: "€450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-grey-paint-wallpaper_23-2148823551.jpg",
|
||||
imageAlt: "fine art photography black and white",
|
||||
},
|
||||
id: "p3", name: "Urban Silence", price: "€450", imageSrc: "http://img.b2bpic.net/free-photo/top-view-grey-paint-wallpaper_23-2148823551.jpg", imageAlt: "fine art photography black and white"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Collage of Dreams",
|
||||
price: "€950",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pink-turquoise-watercolor-vein-pattern-texture-surface_23-2148079253.jpg",
|
||||
imageAlt: "mixed media abstract collage art",
|
||||
},
|
||||
id: "p4", name: "Collage of Dreams", price: "€950", imageSrc: "http://img.b2bpic.net/free-photo/close-up-pink-turquoise-watercolor-vein-pattern-texture-surface_23-2148079253.jpg", imageAlt: "mixed media abstract collage art"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Blue Horizon",
|
||||
price: "€1,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-holi-festive-powder-background-blue-background_23-2147924661.jpg",
|
||||
imageAlt: "limited edition watercolor painting",
|
||||
},
|
||||
id: "p5", name: "Blue Horizon", price: "€1,500", imageSrc: "http://img.b2bpic.net/free-photo/top-view-holi-festive-powder-background-blue-background_23-2147924661.jpg", imageAlt: "limited edition watercolor painting"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Golden Fragments",
|
||||
price: "€2,100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paint-texture-background-wallpaper-black-abstract-art-acrylic-paint_53876-176798.jpg",
|
||||
imageAlt: "abstract minimalist acrylic painting",
|
||||
},
|
||||
id: "p6", name: "Golden Fragments", price: "€2,100", imageSrc: "http://img.b2bpic.net/free-photo/paint-texture-background-wallpaper-black-abstract-art-acrylic-paint_53876-176798.jpg", imageAlt: "abstract minimalist acrylic painting"},
|
||||
]}
|
||||
title="Curated Collections"
|
||||
description="Explore our current selection of contemporary art pieces, from abstract canvases to fine art photography."
|
||||
@@ -161,23 +111,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Curation",
|
||||
description: "Quality art selected by industry professionals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/armchair-with-horse-cushion-lamp-with-horses_1203-2051.jpg",
|
||||
imageAlt: "oil painting abstract artistic style",
|
||||
},
|
||||
title: "Expert Curation", description: "Quality art selected by industry professionals.", imageSrc: "http://img.b2bpic.net/free-photo/armchair-with-horse-cushion-lamp-with-horses_1203-2051.jpg", imageAlt: "oil painting abstract artistic style"},
|
||||
{
|
||||
title: "Exhibition Space",
|
||||
description: "Perfect lighting and environment for display.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flower-vase-modern-interior_23-2151928980.jpg",
|
||||
imageAlt: "modern abstract sculptural art piece",
|
||||
},
|
||||
title: "Exhibition Space", description: "Perfect lighting and environment for display.", imageSrc: "http://img.b2bpic.net/free-photo/flower-vase-modern-interior_23-2151928980.jpg", imageAlt: "modern abstract sculptural art piece"},
|
||||
{
|
||||
title: "Private Consultations",
|
||||
description: "Tailored guidance for art investment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tiny-metallic-horse-blue-paper_53876-42497.jpg",
|
||||
imageAlt: "fine art photography black and white",
|
||||
},
|
||||
title: "Private Consultations", description: "Tailored guidance for art investment.", imageSrc: "http://img.b2bpic.net/free-photo/tiny-metallic-horse-blue-paper_53876-42497.jpg", imageAlt: "fine art photography black and white"},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Experience an art environment designed for appreciation and engagement."
|
||||
@@ -191,150 +129,75 @@ export default function LandingPage() {
|
||||
tag="Gallery Stats"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Exhibitions hosted",
|
||||
},
|
||||
id: "m1", value: "150+", description: "Exhibitions hosted"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "45",
|
||||
description: "Artists represented",
|
||||
},
|
||||
id: "m2", value: "45", description: "Artists represented"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "2.5k",
|
||||
description: "Satisfied visitors",
|
||||
},
|
||||
id: "m3", value: "2.5k", description: "Satisfied visitors"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
<TestimonialCardTen
|
||||
title="Voices of the Gallery"
|
||||
description="Hear what our community says about their experience at La Cachette."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena Vance",
|
||||
handle: "@elena_art",
|
||||
testimonial: "The atmosphere is unmatched. Every visit feels like a discovery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-happy-smiling-woman-sitting-cafe-with-laptop_197531-22982.jpg",
|
||||
imageAlt: "elegant art collector portrait studio",
|
||||
},
|
||||
id: "t1", title: "Inspiring Experience", quote: "The atmosphere is unmatched. Every visit feels like a discovery.", name: "Elena Vance", role: "Art Collector", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-happy-smiling-woman-sitting-cafe-with-laptop_197531-22982.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcello Conti",
|
||||
handle: "@m_conti",
|
||||
testimonial: "Found the perfect centerpiece for my home here. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/curly-girl-draws-picture-with-oil-paints-brush_8353-10824.jpg",
|
||||
imageAlt: "sophisticated art collector portrait",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sophie Reed",
|
||||
handle: "@s_reed",
|
||||
testimonial: "A truly inspiring space. The curated selection is phenomenal.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-painting-indoors_23-2150182596.jpg",
|
||||
imageAlt: "art enthusiast professional studio",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Zhou",
|
||||
handle: "@d_zhou",
|
||||
testimonial: "Excellent service and deep expertise. My favorite local gallery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-blending-different-colors-his-painting_23-2148422201.jpg",
|
||||
imageAlt: "young creative art collector portrait",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Ana Sofia",
|
||||
handle: "@ana_so",
|
||||
testimonial: "La Cachette changed how I perceive contemporary art.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-posing-with-new-her-art-work_273443-2929.jpg",
|
||||
imageAlt: "elegant art collector portrait studio",
|
||||
},
|
||||
id: "t2", title: "Perfect Find", quote: "Found the perfect centerpiece for my home here. Highly recommended.", name: "Marcello Conti", role: "Interior Designer", imageSrc: "http://img.b2bpic.net/free-photo/curly-girl-draws-picture-with-oil-paints-brush_8353-10824.jpg"},
|
||||
]}
|
||||
title="Voices of the Gallery"
|
||||
description="Hear what our community says about their experience at La Cachette."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
<FaqSplitMedia
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you accept new artist submissions?",
|
||||
content: "Yes, we review submissions quarterly. Please send your portfolio via email.",
|
||||
},
|
||||
id: "q1", title: "Do you accept new artist submissions?", content: "Yes, we review submissions quarterly. Please send your portfolio via email."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are exhibitions open to the public?",
|
||||
content: "Most exhibitions are open to the public with free entry.",
|
||||
},
|
||||
id: "q2", title: "Are exhibitions open to the public?", content: "Most exhibitions are open to the public with free entry."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer private tours?",
|
||||
content: "Absolutely! We provide tailored private tours for collectors and groups.",
|
||||
},
|
||||
id: "q3", title: "Do you offer private tours?", content: "Absolutely! We provide tailored private tours for collectors and groups."},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
title="Questions?"
|
||||
faqsAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimalist-vases-with-different-shapes_23-2149681142.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Let's Connect"
|
||||
<ContactSplitForm
|
||||
title="Visit the Sanctuary"
|
||||
description="Ready to experience the art yourself? Get in touch or drop by our studio space."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@lacachette.art",
|
||||
},
|
||||
tag="Let's Connect"
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimalist-vases-with-different-shapes_23-2149681142.jpg"
|
||||
imageAlt="elegant art gallery interior warm lighting"
|
||||
<FooterBaseCard
|
||||
logoText="La Cachette"
|
||||
columns={[
|
||||
{
|
||||
title: "Gallery",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Exhibitions",
|
||||
href: "#gallery",
|
||||
},
|
||||
title: "Gallery", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Exhibitions", href: "#gallery" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Press",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Resources", items: [
|
||||
{ label: "Press", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -343,4 +206,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user