Merge version_1 into main #2
180
src/app/page.tsx
180
src/app/page.tsx
@@ -28,22 +28,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Journal",
|
||||
id: "blog",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Journal", id: "blog" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Street Chronicles"
|
||||
/>
|
||||
@@ -54,40 +42,16 @@ export default function LandingPage() {
|
||||
logoText="STREET CHRONICLES"
|
||||
description="Chasing shadows in the city. Capturing moments where light meets the urban grid."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
{
|
||||
text: "Read Stories",
|
||||
href: "#blog",
|
||||
},
|
||||
{ text: "View Gallery", href: "#gallery" },
|
||||
{ text: "Read Stories", href: "#blog" },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-city-street-night_23-2150840677.jpg",
|
||||
imageAlt: "Street photo background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-people-city_23-2149211300.jpg?_wi=1",
|
||||
imageAlt: "Urban street photography",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-night-streets-city_23-2149001265.jpg?_wi=1",
|
||||
imageAlt: "Urban street photography",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-indian-beard-man-black-leather-jacket-india-model-posed-outdoor-streets-city_627829-12733.jpg?_wi=1",
|
||||
imageAlt: "Urban street photography",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sportsman-warming-up-before-running_23-2147757979.jpg?_wi=1",
|
||||
imageAlt: "Urban street photography",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-using-sustainable-mobility_23-2149290912.jpg?_wi=1",
|
||||
imageAlt: "Urban street photography",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-city-street-night_23-2150840677.jpg", imageAlt: "dramatic black and white street photography" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/silhouette-people-city_23-2149211300.jpg", imageAlt: "street photography vertical shot" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-night-streets-city_23-2149001265.jpg", imageAlt: "street photography horizontal architectural" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/stylish-indian-beard-man-black-leather-jacket-india-model-posed-outdoor-streets-city_627829-12733.jpg", imageAlt: "black and white street candid" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/sportsman-warming-up-before-running_23-2147757979.jpg", imageAlt: "architectural detail street photography" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-people-using-sustainable-mobility_23-2149290912.jpg", imageAlt: "city crowd street photography" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,81 +65,34 @@ export default function LandingPage() {
|
||||
description="Atmospheric moments captured across the cityscape."
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: "Cityscape",
|
||||
title: "The Midnight Train",
|
||||
excerpt: "Captured during the final commute. The silence of the platform felt heavy with history.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-fashionable-girl-long-black-leather-coat-posed-iron-railing_627829-10097.jpg",
|
||||
authorName: "Photographer",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/greyscale-woman-with-her-hands-her-head-sunlight_181624-24573.jpg",
|
||||
date: "Oct 12, 2024",
|
||||
},
|
||||
id: "1", category: "Cityscape", title: "The Midnight Train", excerpt: "Captured during the final commute. The silence of the platform felt heavy with history.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-fashionable-girl-long-black-leather-coat-posed-iron-railing_627829-10097.jpg", authorName: "Photographer", authorAvatar: "http://img.b2bpic.net/free-photo/greyscale-woman-with-her-hands-her-head-sunlight_181624-24573.jpg", date: "Oct 12, 2024"},
|
||||
{
|
||||
id: "2",
|
||||
category: "Street",
|
||||
title: "Neon Reflections",
|
||||
excerpt: "Rainy evenings turn the asphalt into a canvas of color. Found this composition in SoHo.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-posing-night-with-flash_23-2150204453.jpg",
|
||||
authorName: "Photographer",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/greyscale-woman-with-her-hands-her-head-sunlight_181624-24573.jpg",
|
||||
date: "Sep 28, 2024",
|
||||
},
|
||||
id: "2", category: "Street", title: "Neon Reflections", excerpt: "Rainy evenings turn the asphalt into a canvas of color. Found this composition in SoHo.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-posing-night-with-flash_23-2150204453.jpg", authorName: "Photographer", authorAvatar: "http://img.b2bpic.net/free-photo/greyscale-woman-with-her-hands-her-head-sunlight_181624-24573.jpg", date: "Sep 28, 2024"},
|
||||
{
|
||||
id: "3",
|
||||
category: "Portrait",
|
||||
title: "The Old Vendor",
|
||||
excerpt: "A fleeting interaction with a vendor who has seen the city change over 40 years.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorations-street-sunset-sky_250224-165.jpg",
|
||||
authorName: "Photographer",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/greyscale-woman-with-her-hands-her-head-sunlight_181624-24573.jpg",
|
||||
date: "Sep 15, 2024",
|
||||
},
|
||||
id: "3", category: "Portrait", title: "The Old Vendor", excerpt: "A fleeting interaction with a vendor who has seen the city change over 40 years.", imageSrc: "http://img.b2bpic.net/free-photo/decorations-street-sunset-sky_250224-165.jpg", authorName: "Photographer", authorAvatar: "http://img.b2bpic.net/free-photo/greyscale-woman-with-her-hands-her-head-sunlight_181624-24573.jpg", date: "Sep 15, 2024"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "City Shadows",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-people-city_23-2149211300.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "City Shadows", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/silhouette-people-city_23-2149211300.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Neon Dreams",
|
||||
price: "$175",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-night-streets-city_23-2149001265.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Neon Dreams", price: "$175", imageSrc: "http://img.b2bpic.net/free-photo/man-night-streets-city_23-2149001265.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Platform Silence",
|
||||
price: "$125",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-indian-beard-man-black-leather-jacket-india-model-posed-outdoor-streets-city_627829-12733.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", name: "Platform Silence", price: "$125", imageSrc: "http://img.b2bpic.net/free-photo/stylish-indian-beard-man-black-leather-jacket-india-model-posed-outdoor-streets-city_627829-12733.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Urban Grid",
|
||||
price: "$200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sportsman-warming-up-before-running_23-2147757979.jpg?_wi=2",
|
||||
},
|
||||
id: "p4", name: "Urban Grid", price: "$200", imageSrc: "http://img.b2bpic.net/free-photo/sportsman-warming-up-before-running_23-2147757979.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Midnight Rain",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-using-sustainable-mobility_23-2149290912.jpg?_wi=2",
|
||||
},
|
||||
id: "p5", name: "Midnight Rain", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/young-people-using-sustainable-mobility_23-2149290912.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Street Pulse",
|
||||
price: "$180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cafe-looking-camera_23-2147775895.jpg",
|
||||
},
|
||||
id: "p6", name: "Street Pulse", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/man-cafe-looking-camera_23-2147775895.jpg"},
|
||||
]}
|
||||
title="The Gallery"
|
||||
description="Selected prints from the Urban Noir series."
|
||||
@@ -190,17 +107,11 @@ export default function LandingPage() {
|
||||
description="I believe street photography is about waiting for the moment when everything aligns—light, human emotion, and architecture. I document the unseen narratives that unfold in the city every day."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Philosophy",
|
||||
description: "Observational and candid documentation.",
|
||||
},
|
||||
title: "Philosophy", description: "Observational and candid documentation."},
|
||||
{
|
||||
title: "Equipment",
|
||||
description: "Leica M-series, analog film process.",
|
||||
},
|
||||
title: "Equipment", description: "Leica M-series, analog film process."},
|
||||
{
|
||||
title: "Focus",
|
||||
description: "High-contrast urban noir aesthetics.",
|
||||
},
|
||||
title: "Focus", description: "High-contrast urban noir aesthetics."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/greyscale-woman-with-her-hands-her-head-sunlight_181624-24573.jpg"
|
||||
imageAlt="Photographer Portrait"
|
||||
@@ -211,17 +122,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's Connect"
|
||||
title="Commission & Prints"
|
||||
description="Interested in prints, editorial work, or just talking shop? Reach out anytime."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send Email",
|
||||
href: "mailto:hello@streetphoto.com",
|
||||
},
|
||||
text: "Send Email", href: "mailto:hello@streetphoto.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -230,42 +137,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
label: "Gallery", href: "#gallery"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#blog",
|
||||
},
|
||||
label: "Blog", href: "#blog"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
title: "Info", items: [
|
||||
{
|
||||
label: "Gear List",
|
||||
href: "#",
|
||||
},
|
||||
label: "Gear List", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user