Compare commits
11 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 04b4e188e5 | |||
| 7b8088906a | |||
| 6caaa87974 | |||
| 29c9153b9b | |||
| 12e6f46e29 | |||
| 174f3f77e8 | |||
| d8ecaba336 | |||
| 4520c71158 | |||
| 913671a60c | |||
| 688d343080 | |||
| ba66dbfd0c |
@@ -4,7 +4,6 @@ import { Inter } from "next/font/google";
|
|||||||
import "./globals.css";
|
import "./globals.css";
|
||||||
import "@/lib/gsap-setup";
|
import "@/lib/gsap-setup";
|
||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||||
import Tag from "@/tag/Tag";
|
|
||||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||||
import { Poppins } from "next/font/google";
|
import { Poppins } from "next/font/google";
|
||||||
|
|
||||||
@@ -36,7 +35,7 @@ export default function RootLayout({
|
|||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body className={`${poppins.variable} antialiased`}>
|
<body className={`${poppins.variable} antialiased`}>
|
||||||
<Tag />
|
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
dangerouslySetInnerHTML={{
|
dangerouslySetInnerHTML={{
|
||||||
|
|||||||
154
src/app/page.tsx
154
src/app/page.tsx
@@ -29,12 +29,9 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Shop", id: "products" },
|
||||||
name: "Shop", id: "products"},
|
{ name: "Story", id: "story" },
|
||||||
{
|
{ name: "Drop List", id: "newsletter" },
|
||||||
name: "Story", id: "story"},
|
|
||||||
{
|
|
||||||
name: "Drop List", id: "newsletter"},
|
|
||||||
]}
|
]}
|
||||||
brandName="Everthread Vintage"
|
brandName="Everthread Vintage"
|
||||||
/>
|
/>
|
||||||
@@ -42,55 +39,30 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplit
|
<HeroSplit
|
||||||
background={{
|
background={{ variant: "sparkles-gradient" }}
|
||||||
variant: "sparkles-gradient"}}
|
|
||||||
title="Timeless Pieces. Curated for You."
|
title="Timeless Pieces. Curated for You."
|
||||||
description="Handpicked vintage that never goes out of style."
|
description="Handpicked vintage that never goes out of style. Discover one-of-one gems from eras past, carefully restored for your modern wardrobe."
|
||||||
buttons={[
|
buttons={[{ text: "Shop the Drop", href: "#products" }]}
|
||||||
{
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C374B1YD0AKUmGNpzIynXP84Ag/uploaded-1775602334039-leqsugjz.png?_wi=1"
|
||||||
text: "Shop the Drop", href: "#products"},
|
imageAlt="Everthread Vintage collection hero"
|
||||||
]}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-woman-posing-with-old-phone_23-2150908624.jpg"
|
|
||||||
imageAlt="Curated rack of vintage clothing"
|
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
avatars={[
|
|
||||||
{
|
|
||||||
src: "https://img.b2bpic.net/free-photo/young-man-wearing-black-hoodie-studio_23-2148281116.jpg", alt: "Customer 1"},
|
|
||||||
{
|
|
||||||
src: "https://img.b2bpic.net/free-photo/stylish-woman-posing-with-hat_23-2148301736.jpg", alt: "Customer 2"},
|
|
||||||
{
|
|
||||||
src: "https://img.b2bpic.net/free-photo/handsome-man-portrait_23-2148281116.jpg", alt: "Customer 3"},
|
|
||||||
{
|
|
||||||
src: "https://img.b2bpic.net/free-photo/woman-smiling-outdoors_23-2148301736.jpg", alt: "Customer 4"},
|
|
||||||
{
|
|
||||||
src: "https://img.b2bpic.net/free-photo/young-man-with-vintage-style_23-2148301736.jpg", alt: "Customer 5"},
|
|
||||||
]}
|
|
||||||
avatarText="Trusted by 1000+ fashion enthusiasts."
|
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{ type: "text", text: "One-of-one pieces" },
|
||||||
type: "text", text: "One-of-one pieces"},
|
{ type: "text-icon", text: "Sustainable", icon: Leaf },
|
||||||
{
|
{ type: "text", text: "Curated quality" },
|
||||||
type: "text-icon", text: "Sustainable", icon: Leaf,
|
{ type: "text-icon", text: "Worldwide shipping", icon: Globe },
|
||||||
},
|
{ type: "text", text: "Verified authentic" },
|
||||||
{
|
|
||||||
type: "text", text: "Curated quality"},
|
|
||||||
{
|
|
||||||
type: "text-icon", text: "Worldwide shipping", icon: Globe,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text", text: "Verified authentic"},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="trust" data-section="trust">
|
<div id="trust" data-section="trust">
|
||||||
<SocialProofOne
|
<SocialProofOne
|
||||||
textboxLayout="default"
|
textboxLayout="split-description"
|
||||||
|
title="Trusted by Fashion Enthusiasts"
|
||||||
|
description="We partner with eco-conscious creators to bring you the best in vintage streetwear."
|
||||||
|
names={["Vogue Vintage", "Urban Outfitters Archive", "Sustainable Threads", "Retro Revival", "Street Style Mag"]}
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={[
|
|
||||||
"Curated vintage.", "No fast fashion.", "Every piece is one-of-one.", "Sustainably sourced.", "Trusted by 1000+ lovers"]}
|
|
||||||
title="Built on Values"
|
|
||||||
description="We are rethinking vintage."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -101,91 +73,57 @@ export default function LandingPage() {
|
|||||||
gridVariant="four-items-2x2-equal-grid"
|
gridVariant="four-items-2x2-equal-grid"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "1", name: "Vintage Washed Carhartt Hoodie", price: "$120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C374B1YD0AKUmGNpzIynXP84Ag/uploaded-1775602334039-leqsugjz.png?_wi=2" },
|
||||||
id: "1", name: "Vintage Washed Carhartt Hoodie", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/view-hipster-male-man-looking-camera_197531-33424.jpg"},
|
{ id: "2", name: "Distressed Denim Jacket", price: "$180", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C374B1YD0AKUmGNpzIynXP84Ag/uploaded-1775602334039-leqsugjz.png?_wi=3" },
|
||||||
{
|
{ id: "3", name: "90s Graphic Band Tee", price: "$65", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C374B1YD0AKUmGNpzIynXP84Ag/uploaded-1775602334039-leqsugjz.png?_wi=4" },
|
||||||
id: "2", name: "Distressed Denim Jacket", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-autumn-clothes_23-2149071329.jpg"},
|
{ id: "4", name: "Plaid Earth-Tone Flannel", price: "$85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C374B1YD0AKUmGNpzIynXP84Ag/uploaded-1775602334039-leqsugjz.png?_wi=5" },
|
||||||
{
|
|
||||||
id: "3", name: "90s Graphic Band Tee", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/spring-wardrobe-switch-still-life_23-2150176758.jpg?_wi=1"},
|
|
||||||
{
|
|
||||||
id: "4", name: "Plaid Earth-Tone Flannel", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-long-legs-brunette-model-long-black-cloak-posed-outdoor-winter-day-against-old-grunge-wall_627829-14032.jpg"},
|
|
||||||
{
|
|
||||||
id: "5", name: "Heavy Canvas Utility Bag", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/spring-wardrobe-switch-still-life_23-2150176758.jpg?_wi=2"},
|
|
||||||
{
|
|
||||||
id: "6", name: "Faded Black Worker Jacket", price: "$140", imageSrc: "http://img.b2bpic.net/free-photo/mid-section-mechanic-with-wrench-tool-his-pocket_1170-1317.jpg"},
|
|
||||||
]}
|
]}
|
||||||
title="Featured Drop"
|
title="Featured Collection"
|
||||||
description="Limited pieces, hand-selected."
|
description="Limited drops. Once they're gone, they're gone forever."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="story" data-section="story">
|
<div id="story" data-section="story">
|
||||||
<TextAbout
|
<TextAbout
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={true}
|
||||||
title="The Everthread Philosophy"
|
title="Every piece tells a story of craftsmanship and character."
|
||||||
buttons={[
|
buttons={[{ text: "Read Our Brand Story", href: "#" }]}
|
||||||
{
|
className="bg-[#2a2a2a] text-[#fcfaf7]"
|
||||||
text: "Our Mission", href: "#"},
|
/>
|
||||||
]}
|
</div>
|
||||||
|
|
||||||
|
<div id="newsletter" data-section="newsletter">
|
||||||
|
<ContactCenter
|
||||||
|
tag="Drop List"
|
||||||
|
title="Join the Circle"
|
||||||
|
description="Get notified before every new vintage collection drops. Members get early access."
|
||||||
|
background={{ variant: "gradient-bars" }}
|
||||||
|
useInvertedBackground={true}
|
||||||
|
className="bg-[#f4f0e9]"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="closing" data-section="closing">
|
<div id="closing" data-section="closing">
|
||||||
<TextAbout
|
<TextAbout
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Don't miss the next drop."
|
title="Ready to refine your style?"
|
||||||
buttons={[
|
buttons={[{ text: "Shop All Pieces", href: "#products" }]}
|
||||||
{
|
className="bg-[#d1c7b7] text-[#1a1a1a]"
|
||||||
text: "Shop Now", href: "#products"},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="newsletter" data-section="newsletter">
|
|
||||||
<ContactCenter
|
|
||||||
useInvertedBackground={false}
|
|
||||||
background={{
|
|
||||||
variant: "plain"}}
|
|
||||||
tag="Stay Connected"
|
|
||||||
title="Get Early Access to Every Drop"
|
|
||||||
description="Limited pieces. Once they’re gone, they’re gone."
|
|
||||||
inputPlaceholder="Enter your email"
|
|
||||||
buttonText="Join Now"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Shop", items: [{ label: "All Drops", href: "#products" }, { label: "Best Sellers", href: "#" }] },
|
||||||
title: "Shop", items: [
|
{ title: "Company", items: [{ label: "Our Story", href: "#story" }, { label: "Sustainability", href: "#" }] },
|
||||||
{
|
{ title: "Support", items: [{ label: "Contact", href: "#newsletter" }, { label: "Shipping", href: "#" }] },
|
||||||
label: "All Drops", href: "#products"},
|
|
||||||
{
|
|
||||||
label: "Best Sellers", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Company", items: [
|
|
||||||
{
|
|
||||||
label: "Story", href: "#story"},
|
|
||||||
{
|
|
||||||
label: "About", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Support", items: [
|
|
||||||
{
|
|
||||||
label: "Contact", href: "#newsletter"},
|
|
||||||
{
|
|
||||||
label: "Shipping", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
logoText="Everthread Vintage"
|
logoText="Everthread Vintage"
|
||||||
|
className="bg-[#1a1a1a] text-[#fcfaf7]"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -10,7 +10,7 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #fcfaf7;
|
--background: #fbfaf7;
|
||||||
--card: #f4f0e9;
|
--card: #f4f0e9;
|
||||||
--foreground: #1a1a1a;
|
--foreground: #1a1a1a;
|
||||||
--primary-cta: #2a2a2a;
|
--primary-cta: #2a2a2a;
|
||||||
|
|||||||
Reference in New Issue
Block a user