Update src/app/page.tsx
This commit is contained in:
169
src/app/page.tsx
169
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#shop",
|
||||
},
|
||||
name: "Shop", id: "#shop"},
|
||||
{
|
||||
name: "Manifesto",
|
||||
id: "#manifesto",
|
||||
},
|
||||
name: "Manifesto", id: "#manifesto"},
|
||||
{
|
||||
name: "Lookbook",
|
||||
id: "#lookbook",
|
||||
},
|
||||
name: "Lookbook", id: "#lookbook"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="CAMEL"
|
||||
/>
|
||||
@@ -53,32 +45,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="CAMEL"
|
||||
description="EST. NOW. NO RULES."
|
||||
tag="NEW DROP"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dirty-rough-cement-splattered-grungy_1194-9599.jpg",
|
||||
imageAlt: "Concrete texture",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dirty-rough-cement-splattered-grungy_1194-9599.jpg", imageAlt: "Concrete texture"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-photo-concrete-structure_250224-307.jpg",
|
||||
imageAlt: "Concrete texture",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silver-tinsel-background_23-2147965863.jpg",
|
||||
imageAlt: "Silver texture",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grunge-wall-background-texture_1194-607416.jpg",
|
||||
imageAlt: "Grunge wall",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-14888.jpg",
|
||||
imageAlt: "Wall texture",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-photo-concrete-structure_250224-307.jpg", imageAlt: "Concrete texture"}
|
||||
]}
|
||||
mediaAnimation="none"
|
||||
rating={5}
|
||||
@@ -94,59 +69,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "CAMEL",
|
||||
name: "LOGO TEE",
|
||||
price: "$45",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/edge-abstract-decorative-grain-stroke_1194-9594.jpg",
|
||||
},
|
||||
id: "1", brand: "CAMEL", name: "LOGO TEE", price: "$45", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/edge-abstract-decorative-grain-stroke_1194-9594.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "CAMEL",
|
||||
name: "TRUCKS",
|
||||
price: "$60",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concrete-wall-cement-floor-copy-space_53876-16299.jpg",
|
||||
},
|
||||
id: "2", brand: "CAMEL", name: "TRUCKS", price: "$60", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/concrete-wall-cement-floor-copy-space_53876-16299.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "CAMEL",
|
||||
name: "DECK",
|
||||
price: "$75",
|
||||
rating: 5,
|
||||
reviewCount: "20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/splattered-edge-vintage-dirt-shape_1194-9465.jpg",
|
||||
},
|
||||
id: "3", brand: "CAMEL", name: "DECK", price: "$75", rating: 5,
|
||||
reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/splattered-edge-vintage-dirt-shape_1194-9465.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "CAMEL",
|
||||
name: "HOODIE",
|
||||
price: "$90",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concrete-wall-exposed-white-concrete-texture-with-cracked-detail_1258-130409.jpg",
|
||||
},
|
||||
id: "4", brand: "CAMEL", name: "HOODIE", price: "$90", rating: 5,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/concrete-wall-exposed-white-concrete-texture-with-cracked-detail_1258-130409.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "CAMEL",
|
||||
name: "BEANIE",
|
||||
price: "$30",
|
||||
rating: 5,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-15164.jpg",
|
||||
},
|
||||
id: "5", brand: "CAMEL", name: "BEANIE", price: "$30", rating: 5,
|
||||
reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-15164.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "CAMEL",
|
||||
name: "SOCKS",
|
||||
price: "$15",
|
||||
rating: 5,
|
||||
reviewCount: "30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-14905.jpg",
|
||||
},
|
||||
id: "6", brand: "CAMEL", name: "SOCKS", price: "$15", rating: 5,
|
||||
reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-14905.jpg"},
|
||||
]}
|
||||
title="DROP 001"
|
||||
description="Raw skate hardware."
|
||||
@@ -160,21 +99,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"POSERS",
|
||||
"RULES",
|
||||
"RESTOCK",
|
||||
"WAITING",
|
||||
"STATUS",
|
||||
],
|
||||
"POSERS", "RULES", "RESTOCK", "WAITING", "STATUS"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"SKATE",
|
||||
"RAW",
|
||||
"CAMEL",
|
||||
"SPEED",
|
||||
"GRIT",
|
||||
],
|
||||
"SKATE", "RAW", "CAMEL", "SPEED", "GRIT"],
|
||||
}}
|
||||
title="NOT MADE FOR EVERYONE. WORN BY THE REST."
|
||||
description="No rules. No compromise."
|
||||
@@ -191,32 +120,16 @@ export default function LandingPage() {
|
||||
description="Raw numbers from the concrete."
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "100%",
|
||||
title: "RAW",
|
||||
description: "No filters applied",
|
||||
icon: Flame,
|
||||
id: "1", value: "100%", title: "RAW", description: "No filters applied", icon: Flame,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "24/7",
|
||||
title: "SKATE",
|
||||
description: "Always in motion",
|
||||
icon: Timer,
|
||||
id: "2", value: "24/7", title: "SKATE", description: "Always in motion", icon: Timer,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "0",
|
||||
title: "RULES",
|
||||
description: "Zero compromises",
|
||||
icon: AlertTriangle,
|
||||
id: "3", value: "0", title: "RULES", description: "Zero compromises", icon: AlertTriangle,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "1000",
|
||||
title: "SPOTS",
|
||||
description: "Locations hit",
|
||||
icon: MapPin,
|
||||
id: "4", value: "1000", title: "SPOTS", description: "Locations hit", icon: MapPin,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -229,16 +142,10 @@ export default function LandingPage() {
|
||||
description="Join the mailing list."
|
||||
inputs={[
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "EMAIL",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "EMAIL", required: true,
|
||||
},
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "NAME",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "NAME", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/concrete-background-cement-texture-with-blank-space_53876-102698.jpg"
|
||||
@@ -249,29 +156,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "CAMEL",
|
||||
items: [
|
||||
title: "CAMEL", items: [
|
||||
{
|
||||
label: "INSTAGRAM",
|
||||
href: "#",
|
||||
},
|
||||
label: "INSTAGRAM", href: "#"},
|
||||
{
|
||||
label: "TWITTER",
|
||||
href: "#",
|
||||
},
|
||||
label: "TWITTER", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "LEGAL",
|
||||
items: [
|
||||
title: "LEGAL", items: [
|
||||
{
|
||||
label: "PRIVACY",
|
||||
href: "#",
|
||||
},
|
||||
label: "PRIVACY", href: "#"},
|
||||
{
|
||||
label: "TERMS",
|
||||
href: "#",
|
||||
},
|
||||
label: "TERMS", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user