bender/43f62c9b-7c33-49ff-85fc-2aaacadeffdc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-26 19:52:34 +00:00
parent c44f8d6f41
commit 6dba46036f
1 changed files with 52 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

184
src/app/page.tsx
View File

@@ -7,7 +7,7 @@ import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGaller
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TextAbout from '@/components/sections/about/TextAbout';
export default function LandingPage() {
@@ -29,25 +29,15 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
name: "Home", id: "/"},
{
name: "Shop",
id: "/shop",
},
name: "Shop", id: "/shop"},
{
name: "Product",
id: "/product",
},
name: "Product", id: "/product"},
{
name: "About",
id: "/about",
},
name: "About", id: "/about"},
{
name: "Contact",
id: "/contact",
},
name: "Contact", id: "/contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-boho-honeymoon-template_23-2149288155.jpg"
logoAlt="Lost Dream Brand Logo"
@@ -58,57 +48,28 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "plain",
}}
variant: "plain"}}
title="LOST DREAM"
description="WHERE FADED MEMORIES MEET SURREAL REALITY."
buttons={[
{
text: "SHOP NEW DROPS",
href: "/shop",
},
text: "SHOP NEW DROPS", href: "/shop"},
{
text: "EXPLORE THE DREAM",
href: "/about",
},
text: "EXPLORE THE DREAM", href: "/about"},
]}
mediaItems={[
{
videoSrc: "http://img.b2bpic.net/free-photo/back-view-beautiful-romantic-blond-girl-pink-dress-dreamily-tying-hair-looking-reflection-window-old-garden_574295-1040.jpg?_wi=1",
videoAriaLabel: "Ethereal fashion lookbook",
imageSrc: "http://img.b2bpic.net/free-photo/back-view-beautiful-romantic-blond-girl-pink-dress-dreamily-tying-hair-looking-reflection-window-old-garden_574295-1040.jpg?_wi=2",
imageAlt: "slow motion ethereal clothing",
},
videoSrc: "http://img.b2bpic.net/free-photo/back-view-beautiful-romantic-blond-girl-pink-dress-dreamily-tying-hair-looking-reflection-window-old-garden_574295-1040.jpg", videoAriaLabel: "Ethereal fashion lookbook", imageSrc: "http://img.b2bpic.net/free-photo/back-view-beautiful-romantic-blond-girl-pink-dress-dreamily-tying-hair-looking-reflection-window-old-garden_574295-1040.jpg", imageAlt: "slow motion ethereal clothing"},
{
videoSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-walking-evening-outside-street_1303-17068.jpg?_wi=1",
videoAriaLabel: "Abstract fashion film",
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-boho-honeymoon-template_23-2149288155.jpg",
imageAlt: "slow motion ethereal clothing",
},
videoSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-walking-evening-outside-street_1303-17068.jpg", videoAriaLabel: "Abstract fashion film", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-boho-honeymoon-template_23-2149288155.jpg", imageAlt: "slow motion ethereal clothing"},
{
videoSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-outdoors_23-2148950596.jpg?_wi=1",
videoAriaLabel: "Dreamlike street style",
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-walking-evening-outside-street_1303-17068.jpg?_wi=2",
imageAlt: "slow motion ethereal clothing",
},
videoSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-outdoors_23-2148950596.jpg", videoAriaLabel: "Dreamlike street style", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-walking-evening-outside-street_1303-17068.jpg", imageAlt: "slow motion ethereal clothing"},
{
videoSrc: "http://img.b2bpic.net/free-photo/group-people-waiting-cross-road_53876-65331.jpg?_wi=1",
videoAriaLabel: "Minimalist urban fashion",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-outdoors_23-2148950596.jpg?_wi=2",
imageAlt: "slow motion ethereal clothing",
},
videoSrc: "http://img.b2bpic.net/free-photo/group-people-waiting-cross-road_53876-65331.jpg", videoAriaLabel: "Minimalist urban fashion", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-outdoors_23-2148950596.jpg", imageAlt: "slow motion ethereal clothing"},
{
videoSrc: "http://img.b2bpic.net/free-photo/pink-hair-girl-avantgarde-style-wearing-sunglasses_114579-19319.jpg?_wi=1",
videoAriaLabel: "Dark moody fashion concept",
imageSrc: "http://img.b2bpic.net/free-photo/group-people-waiting-cross-road_53876-65331.jpg?_wi=2",
imageAlt: "slow motion ethereal clothing",
},
videoSrc: "http://img.b2bpic.net/free-photo/pink-hair-girl-avantgarde-style-wearing-sunglasses_114579-19319.jpg", videoAriaLabel: "Dark moody fashion concept", imageSrc: "http://img.b2bpic.net/free-photo/group-people-waiting-cross-road_53876-65331.jpg", imageAlt: "slow motion ethereal clothing"},
{
videoSrc: "http://img.b2bpic.net/free-photo/side-view-man-with-afro-dreadlocks-posing_23-2149462104.jpg",
videoAriaLabel: "Cinematic streetwear narrative",
imageSrc: "http://img.b2bpic.net/free-photo/pink-hair-girl-avantgarde-style-wearing-sunglasses_114579-19319.jpg?_wi=2",
imageAlt: "slow motion ethereal clothing",
},
videoSrc: "http://img.b2bpic.net/free-photo/side-view-man-with-afro-dreadlocks-posing_23-2149462104.jpg", videoAriaLabel: "Cinematic streetwear narrative", imageSrc: "http://img.b2bpic.net/free-photo/pink-hair-girl-avantgarde-style-wearing-sunglasses_114579-19319.jpg", imageAlt: "slow motion ethereal clothing"},
]}
mediaAnimation="slide-up"
/>
@@ -123,41 +84,17 @@ export default function LandingPage() {
carouselMode="buttons"
products={[
{
id: "p1",
name: "Faded Echo Hoodie",
price: "$120",
imageSrc: "http://img.b2bpic.net/free-photo/mid-aged-couple-love_23-2147986275.jpg",
},
id: "p1", name: "Faded Echo Hoodie", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/mid-aged-couple-love_23-2147986275.jpg"},
{
id: "p2",
name: "Dreamcatcher Tee",
price: "$60",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-hijab-posing_23-2149522161.jpg",
},
id: "p2", name: "Dreamcatcher Tee", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-hijab-posing_23-2149522161.jpg"},
{
id: "p3",
name: "Lost Cargo Pants",
price: "$95",
imageSrc: "http://img.b2bpic.net/free-photo/expressive-man-posing-outdoor_344912-3094.jpg",
},
id: "p3", name: "Lost Cargo Pants", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/expressive-man-posing-outdoor_344912-3094.jpg"},
{
id: "p4",
name: "Nocturnal Crewneck",
price: "$85",
imageSrc: "http://img.b2bpic.net/free-photo/young-japanese-man-blue-sweater-outdoors_23-2149010090.jpg",
},
id: "p4", name: "Nocturnal Crewneck", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/young-japanese-man-blue-sweater-outdoors_23-2149010090.jpg"},
{
id: "p5",
name: "Memory Distressed Jacket",
price: "$150",
imageSrc: "http://img.b2bpic.net/free-photo/sewing-denim-jacket-buttons_150588-35.jpg",
},
id: "p5", name: "Memory Distressed Jacket", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/sewing-denim-jacket-buttons_150588-35.jpg"},
{
id: "p6",
name: "Ethereal Beanie",
price: "$35",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-pretty-girl-with-long-hair-marsala-sweater-grey-wall-she-wears-white-gloves-grey-knitted-hat-holds-red-heart-lollipop-smiling_197531-2528.jpg",
},
id: "p6", name: "Ethereal Beanie", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/closeup-pretty-girl-with-long-hair-marsala-sweater-grey-wall-she-wears-white-gloves-grey-knitted-hat-holds-red-heart-lollipop-smiling_197531-2528.jpg"},
]}
title="FEATURED DROPS"
description="LIMITED EDITION GARMENTS. UNLOCK THE SURREAL."
@@ -170,9 +107,7 @@ export default function LandingPage() {
title="CHASING SOMETHING JUST OUT OF REACH. LOST DREAM IS AN ODE TO THE UNSEEN, THE UNTOLD, AND THE UNDEFINED."
buttons={[
{
text: "OUR MANIFESTO",
href: "/about",
},
text: "OUR MANIFESTO", href: "/about"},
]}
/>
</div>
@@ -182,22 +117,30 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"LOST DREAM",
"NEW DROP",
"SS26",
"FADED MEMORIES",
"SURREAL REALITY",
"ETHEREAL AESTHETIC",
"LATE NIGHTS",
]}
"LOST DREAM", "NEW DROP", "SS26", "FADED MEMORIES", "SURREAL REALITY", "ETHEREAL AESTHETIC", "LATE NIGHTS"]}
title="JOIN THE DREAM"
description="FOLLOW OUR JOURNEY ON INSTAGRAM FOR BEHIND-THE-SCENES, NEW DROPS, AND EHTEREAL VISUALS."
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardFifteen
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "t1", name: "Alex K.", imageSrc: "http://img.b2bpic.net/free-photo/view-handsome-young-man-looking-camera_197531-33430.jpg"},
{
id: "t2", name: "Jamie L.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-sunglasses-taking-selfie_23-2148522837.jpg"},
{
id: "t3", name: "Sam R.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-brunette-curly-woman-with-red-lips-wearing-white-shirt-dark-jacket-is-posing-blur-city-background-great-mood-outdoors_291650-2558.jpg"},
{
id: "t4", name: "Casey T.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-with-afro-dreadlocks-posing_23-2149462081.jpg"},
{
id: "t5", name: "Morgan P.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-thoughtful-teenage-girl-with-curly-hair-keeps-hand-pocket-listens-music-via-headphones-dressed-casual-street-clothes-poses-against-glass-building-urban-lifestyle-concept_273609-59170.jpg"},
]}
cardTitle="WHAT OUR DREAMERS SAY"
cardTag="CUSTOMER STORIES"
cardAnimation="slide-up"
/>
</div>
@@ -206,58 +149,35 @@ export default function LandingPage() {
logoText="LOST DREAM"
columns={[
{
title: "SHOP",
items: [
title: "SHOP", items: [
{
label: "All Products",
href: "/shop",
},
label: "All Products", href: "/shop"},
{
label: "New Arrivals",
href: "/shop#new-arrivals",
},
label: "New Arrivals", href: "/shop#new-arrivals"},
{
label: "Hoodies",
href: "/shop#hoodies",
},
label: "Hoodies", href: "/shop#hoodies"},
{
label: "Tees",
href: "/shop#tees",
},
label: "Tees", href: "/shop#tees"},
],
},
{
title: "BRAND",
items: [
title: "BRAND", items: [
{
label: "About Us",
href: "/about",
},
label: "About Us", href: "/about"},
{
label: "Manifesto",
href: "/about#manifesto",
},
label: "Manifesto", href: "/about#manifesto"},
{
label: "Contact",
href: "/contact",
},
label: "Contact", href: "/contact"},
],
},
{
title: "LEGAL",
items: [
title: "LEGAL", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "Returns Policy",
href: "#",
},
label: "Returns Policy", href: "#"},
],
},
]}