Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| a924a558c3 | |||
| fbcb23ee0d |
165
src/app/page.tsx
165
src/app/page.tsx
@@ -3,7 +3,7 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
@@ -28,17 +28,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Works",
|
||||
id: "collection",
|
||||
},
|
||||
name: "Works", id: "collection"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about-silvia",
|
||||
},
|
||||
name: "About", id: "about-silvia"},
|
||||
{
|
||||
name: "Stories",
|
||||
id: "process",
|
||||
},
|
||||
name: "Stories", id: "process"},
|
||||
]}
|
||||
brandName="Silvia Tarrés"
|
||||
/>
|
||||
@@ -47,45 +41,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Visual stories for people who feel more than they can explain."
|
||||
description="Limited-edition collage pieces combining image, symbolism and text. Small visual narratives about change, desire, doubt, memory and meaning."
|
||||
buttons={[
|
||||
{
|
||||
text: "View the pieces",
|
||||
href: "#collection",
|
||||
},
|
||||
text: "View the pieces", href: "#collection"},
|
||||
{
|
||||
text: "Read the stories",
|
||||
href: "#process",
|
||||
},
|
||||
text: "Read the stories", href: "#process"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BynhcgAhlKf23PIQxs9b1T6Bln/uploaded-1775727362947-et1jzfb9.jpg?_wi=1",
|
||||
imageAlt: "Collage artwork 1",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BynhcgAhlKf23PIQxs9b1T6Bln/uploaded-1775727362947-et1jzfb9.jpg?_wi=1", imageAlt: "Collage artwork 1"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BynhcgAhlKf23PIQxs9b1T6Bln/uploaded-1775727362947-0uv5ky3v.jpg?_wi=1",
|
||||
imageAlt: "Collage artwork 2",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BynhcgAhlKf23PIQxs9b1T6Bln/uploaded-1775727362947-0uv5ky3v.jpg?_wi=1", imageAlt: "Collage artwork 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/leaf-image-torn-paper-style_53876-129902.jpg?_wi=1",
|
||||
imageAlt: "Abstract fine art",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/leaf-image-torn-paper-style_53876-129902.jpg?_wi=1", imageAlt: "Abstract fine art"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/leaf-image-torn-paper-style_53876-129902.jpg?_wi=2",
|
||||
imageAlt: "Abstract fine art",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/leaf-image-torn-paper-style_53876-129902.jpg?_wi=2", imageAlt: "Abstract fine art"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stack-old-coming-book-strips_23-2150256429.jpg?_wi=1",
|
||||
imageAlt: "Artist studio",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stack-old-coming-book-strips_23-2150256429.jpg?_wi=1", imageAlt: "Artist studio"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stack-old-coming-book-strips_23-2150256429.jpg?_wi=2",
|
||||
imageAlt: "Artist studio",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stack-old-coming-book-strips_23-2150256429.jpg?_wi=2", imageAlt: "Artist studio"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -108,59 +85,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Piece 01",
|
||||
name: "Rock, Paper, Scissors",
|
||||
price: "Limited Edition",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-abstract-landscape-covers-collection_23-2149017618.jpg?_wi=1",
|
||||
},
|
||||
id: "1", brand: "Piece 01", name: "Rock, Paper, Scissors", price: "Limited Edition", rating: 5,
|
||||
reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-abstract-landscape-covers-collection_23-2149017618.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Piece 02",
|
||||
name: "The Right Boots",
|
||||
price: "Limited Edition",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-small-decorative-objects-with-vivid-colors_23-2149732955.jpg",
|
||||
},
|
||||
id: "2", brand: "Piece 02", name: "The Right Boots", price: "Limited Edition", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/still-life-small-decorative-objects-with-vivid-colors_23-2149732955.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Piece 03",
|
||||
name: "Now Begins",
|
||||
price: "Limited Edition",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dictatorship-concept-with-lock_23-2149672837.jpg",
|
||||
},
|
||||
id: "3", brand: "Piece 03", name: "Now Begins", price: "Limited Edition", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/dictatorship-concept-with-lock_23-2149672837.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Piece 04",
|
||||
name: "Longing's Echo",
|
||||
price: "Limited Edition",
|
||||
rating: 5,
|
||||
reviewCount: "6",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BynhcgAhlKf23PIQxs9b1T6Bln/uploaded-1775727362947-et1jzfb9.jpg?_wi=2",
|
||||
},
|
||||
id: "4", brand: "Piece 04", name: "Longing's Echo", price: "Limited Edition", rating: 5,
|
||||
reviewCount: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BynhcgAhlKf23PIQxs9b1T6Bln/uploaded-1775727362947-et1jzfb9.jpg?_wi=2"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Piece 05",
|
||||
name: "The Quiet Leap",
|
||||
price: "Limited Edition",
|
||||
rating: 5,
|
||||
reviewCount: "9",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BynhcgAhlKf23PIQxs9b1T6Bln/uploaded-1775727362947-0uv5ky3v.jpg?_wi=2",
|
||||
},
|
||||
id: "5", brand: "Piece 05", name: "The Quiet Leap", price: "Limited Edition", rating: 5,
|
||||
reviewCount: "9", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BynhcgAhlKf23PIQxs9b1T6Bln/uploaded-1775727362947-0uv5ky3v.jpg?_wi=2"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Piece 06",
|
||||
name: "Stillness",
|
||||
price: "Limited Edition",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-abstract-landscape-covers-collection_23-2149017618.jpg?_wi=2",
|
||||
},
|
||||
id: "6", brand: "Piece 06", name: "Stillness", price: "Limited Edition", rating: 5,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-abstract-landscape-covers-collection_23-2149017618.jpg?_wi=2"},
|
||||
]}
|
||||
title="The collection"
|
||||
description="A growing archive of visual stories. Each one built around a feeling, a metaphor or a question."
|
||||
@@ -184,41 +125,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
label: "01",
|
||||
title: "A feeling appears",
|
||||
items: [
|
||||
"Deep observation",
|
||||
"Emotional anchoring",
|
||||
],
|
||||
id: "s1", label: "01", title: "A feeling appears", items: [
|
||||
"Deep observation", "Emotional anchoring"],
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
label: "02",
|
||||
title: "Symbols take shape",
|
||||
items: [
|
||||
"Symbolic gathering",
|
||||
"Visual brainstorming",
|
||||
],
|
||||
id: "s2", label: "02", title: "Symbols take shape", items: [
|
||||
"Symbolic gathering", "Visual brainstorming"],
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
label: "03",
|
||||
title: "Image and writing meet",
|
||||
items: [
|
||||
"Text integration",
|
||||
"Layered composition",
|
||||
],
|
||||
id: "s3", label: "03", title: "Image and writing meet", items: [
|
||||
"Text integration", "Layered composition"],
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
label: "04",
|
||||
title: "The piece becomes an object",
|
||||
items: [
|
||||
"Signature",
|
||||
"Numbering",
|
||||
"Release",
|
||||
],
|
||||
id: "s4", label: "04", title: "The piece becomes an object", items: [
|
||||
"Signature", "Numbering", "Release"],
|
||||
},
|
||||
]}
|
||||
title="How each piece begins"
|
||||
@@ -227,12 +147,25 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
<FooterLogoEmphasis
|
||||
logoText="Silvia Tarrés"
|
||||
copyrightText="© 2025 | Silvia Tarrés | Limited-edition visual stories."
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Works", href: "#collection" },
|
||||
{ label: "About", href: "#about-silvia" },
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Stories", href: "#process" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user