135 lines
5.3 KiB
TypeScript
135 lines
5.3 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import { Camera, Lightbulb, MapPin } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "/"},
|
|
{
|
|
name: "Galleries", id: "/galleries"},
|
|
{
|
|
name: "About", id: "/about"},
|
|
{
|
|
name: "Prints", id: "/prints"},
|
|
{
|
|
name: "Journal", id: "/journal"},
|
|
]}
|
|
brandName="Yves Gagnon"
|
|
/>
|
|
</div>
|
|
|
|
<div id="galleries-intro" data-section="galleries-intro">
|
|
<AboutMetric
|
|
useInvertedBackground={false}
|
|
title="A World Through the Lens: Curated Galleries"
|
|
metrics={[
|
|
{
|
|
icon: MapPin,
|
|
label: "Global Journeys", value: "Diverse Locations"},
|
|
{
|
|
icon: Lightbulb,
|
|
label: "Atmospheric Light", value: "Mood & Emotion"},
|
|
{
|
|
icon: Camera,
|
|
label: "Artistic Vision", value: "Unique Perspectives"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery-collections" data-section="gallery-collections">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "san-miguel", name: "San Miguel de Allende", price: "View Collection", imageSrc: "http://img.b2bpic.net/free-photo/view-colorful-mexican-urban-architecture_23-2149749955.jpg", imageAlt: "San Miguel de Allende cinematic street photography", onProductClick: () => {},
|
|
},
|
|
{
|
|
id: "canadian-rockies", name: "Canadian Rockies", price: "View Collection", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-seafloor-with-breathtaking-textures-great-unique-background-wallpaper_181624-5222.jpg", imageAlt: "Dramatic Canadian Rockies landscapes", onProductClick: () => {},
|
|
},
|
|
{
|
|
id: "cityscapes", name: "Cityscapes", price: "View Collection", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-architecture-window-building-pattern_1203-2435.jpg", imageAlt: "Architecture and cityscapes", onProductClick: () => {},
|
|
},
|
|
{
|
|
id: "film-photography", name: "Film Photography", price: "View Collection", imageSrc: "http://img.b2bpic.net/free-photo/photographer-using-vintage-camera_53876-14325.jpg", imageAlt: "Film photography", onProductClick: () => {},
|
|
},
|
|
{
|
|
id: "black-and-white", name: "Black and White", price: "View Collection", imageSrc: "asset://collection-black-and-white", imageAlt: "Black and white photography", onProductClick: () => {},
|
|
},
|
|
{
|
|
id: "travel-stories", name: "Travel Stories", price: "View Collection", imageSrc: "http://img.b2bpic.net/free-photo/travel-writing-map-near-tourist-stuff_23-2147793429.jpg", imageAlt: "Travel photography", onProductClick: () => {},
|
|
},
|
|
]}
|
|
title="Explore Photography Collections"
|
|
description="Dive into diverse series, each telling a unique visual story of place, emotion, and light."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Home", href: "/"},
|
|
{
|
|
label: "Galleries", href: "/galleries"},
|
|
{
|
|
label: "About", href: "/about"},
|
|
{
|
|
label: "Prints", href: "/prints"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Journal", href: "/journal"},
|
|
{
|
|
label: "Contact", href: "/#contact"},
|
|
{
|
|
label: "Instagram", href: "https://www.instagram.com/yvesgagnonphotography"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Yves Gagnon"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|