Merge version_2 into main #2
214
src/app/page.tsx
214
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="OVERTHINKING CLUB"
|
||||
/>
|
||||
@@ -57,69 +49,22 @@ export default function LandingPage() {
|
||||
description="Where anxiety meets humor."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah",
|
||||
testimonial: "Finally, a brand that gets my brain.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/vintage-label-typeface-named-coldwater_1284-53501.jpg?_wi=1",
|
||||
imageAlt: "minimalist typography background",
|
||||
},
|
||||
name: "Sarah J.", handle: "@sarah", testimonial: "Finally, a brand that gets my brain.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CirSGBOtxFOQYWhhBeMtUzzBbA/uploaded-1776880219008-4izyl7oi.png?_wi=1", imageAlt: "funny brain sketch"},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "@mark",
|
||||
testimonial: "The designs are hilarious and super relatable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/line-art-woman-empowerment-sticker-vector-pack-minimal-black-white_53876-156374.jpg?_wi=1",
|
||||
imageAlt: "minimalist typography background",
|
||||
},
|
||||
name: "Mark D.", handle: "@mark", testimonial: "The designs are hilarious and super relatable.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CirSGBOtxFOQYWhhBeMtUzzBbA/uploaded-1776880219008-4izyl7oi.png?_wi=2", imageAlt: "funny relatable design"},
|
||||
{
|
||||
name: "Chloe T.",
|
||||
handle: "@chloe",
|
||||
testimonial: "Obsessed with these stickers on my laptop.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-stylish-man-walking-city_197531-33446.jpg?_wi=1",
|
||||
imageAlt: "minimalist typography background",
|
||||
},
|
||||
name: "Chloe T.", handle: "@chloe", testimonial: "Obsessed with these stickers on my laptop.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CirSGBOtxFOQYWhhBeMtUzzBbA/uploaded-1776880219008-4izyl7oi.png?_wi=3", imageAlt: "funny sticker visual"},
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alex",
|
||||
testimonial: "My new favorite club, even if it is imaginary.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/colorful-funky-stylized-script-font-sticker-set-beige-background-vector_53876-162554.jpg?_wi=1",
|
||||
imageAlt: "minimalist typography background",
|
||||
},
|
||||
name: "Alex R.", handle: "@alex", testimonial: "My new favorite club, even if it is imaginary.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CirSGBOtxFOQYWhhBeMtUzzBbA/uploaded-1776880219008-4izyl7oi.png?_wi=4", imageAlt: "funny club logo"},
|
||||
{
|
||||
name: "Jamie L.",
|
||||
handle: "@jamie",
|
||||
testimonial: "So clever and very high quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rich-african-man-stylish-traditional-clothes-hat-glasses-posed-studio-against-vintage-background_627829-3319.jpg?_wi=1",
|
||||
imageAlt: "minimalist typography background",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/vintage-label-typeface-named-coldwater_1284-53501.jpg?_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-black-hat_176420-8532.jpg",
|
||||
alt: "Portrait of young beautiful brunette girl in black hat.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-model-posing-black-white_23-2149411416.jpg",
|
||||
alt: "Side view model posing black and white",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-posing-standing-white-wall_176420-16847.jpg",
|
||||
alt: "Young beautiful brunette woman posing standing over white wall",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-suit-posing-black-white_23-2149411392.jpg",
|
||||
alt: "Front view man in suit posing black and white",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-white-minimal-portrait_23-2149152598.jpg",
|
||||
alt: "Black and white minimal portrait",
|
||||
},
|
||||
name: "Jamie L.", handle: "@jamie", testimonial: "So clever and very high quality.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CirSGBOtxFOQYWhhBeMtUzzBbA/uploaded-1776880219008-4izyl7oi.png?_wi=5", imageAlt: "funny quality check"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CirSGBOtxFOQYWhhBeMtUzzBbA/uploaded-1776880219008-4izyl7oi.png"
|
||||
avatarText="Join 10,000+ overthinkers"
|
||||
/>
|
||||
</div>
|
||||
@@ -129,9 +74,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="We turn thoughts into things."
|
||||
description={[
|
||||
"We know exactly what it feels like to replay a conversation three times before falling asleep.",
|
||||
"We take those late-night thoughts and turn them into wearable, stickable art.",
|
||||
]}
|
||||
"We know exactly what it feels like to replay a conversation three times before falling asleep.", "We take those late-night thoughts and turn them into wearable, stickable art."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -143,41 +86,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Overthinking Club Tee",
|
||||
price: "$28",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/line-art-woman-empowerment-sticker-vector-pack-minimal-black-white_53876-156374.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Overthinking Club Tee", price: "$28", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CirSGBOtxFOQYWhhBeMtUzzBbA/uploaded-1776880219008-4izyl7oi.png?_wi=6"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Anxious Thoughts Sticker Pack",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-stylish-man-walking-city_197531-33446.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Anxious Thoughts Sticker Pack", price: "$12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CirSGBOtxFOQYWhhBeMtUzzBbA/uploaded-1776880219008-4izyl7oi.png?_wi=7"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Overthinking Club Tote",
|
||||
price: "$22",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/colorful-funky-stylized-script-font-sticker-set-beige-background-vector_53876-162554.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", name: "Overthinking Club Tote", price: "$22", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CirSGBOtxFOQYWhhBeMtUzzBbA/uploaded-1776880219008-4izyl7oi.png?_wi=8"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Nightmare Scenario Mug",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rich-african-man-stylish-traditional-clothes-hat-glasses-posed-studio-against-vintage-background_627829-3319.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Pro Overthinker Pin",
|
||||
price: "$8",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-flat-design-trendy-cartoon-badges-labels_23-2149123212.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Stress Reliever Hoodie",
|
||||
price: "$55",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/minimal-doodle-social-story-highlights-icon-set-vector_53876-177853.jpg",
|
||||
},
|
||||
id: "p4", name: "Nightmare Scenario Mug", price: "$18", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CirSGBOtxFOQYWhhBeMtUzzBbA/uploaded-1776880219008-4izyl7oi.png?_wi=9"},
|
||||
]}
|
||||
title="Featured Club Merch"
|
||||
description="Wear your anxiety with pride (or irony)."
|
||||
@@ -191,40 +106,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jess W.",
|
||||
handle: "@jess",
|
||||
testimonial: "My go-to store for relatable gear.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020778.jpg",
|
||||
},
|
||||
id: "1", name: "Jess W.", handle: "@jess", testimonial: "My go-to store for relatable gear.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CirSGBOtxFOQYWhhBeMtUzzBbA/uploaded-1776880219008-4izyl7oi.png?_wi=10"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ryan P.",
|
||||
handle: "@ryan",
|
||||
testimonial: "The tees are actually super soft.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-minimal-portrait_23-2149152645.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sam K.",
|
||||
handle: "@sam",
|
||||
testimonial: "Finally, I can wear my social anxiety.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-hot-drink-near-tasty-meal-bedsheet_23-2147887661.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Taylor B.",
|
||||
handle: "@taylor",
|
||||
testimonial: "Sticker game is 10/10.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mixed-race-black-woman-park-full-flowers-with-huge-afro-hair-contour-sunlight-watching-aside-cinema-film-colors_633478-448.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jordan H.",
|
||||
handle: "@jordan",
|
||||
testimonial: "Excellent service and design.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-black-white_23-2149652023.jpg",
|
||||
},
|
||||
id: "2", name: "Ryan P.", handle: "@ryan", testimonial: "The tees are actually super soft.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CirSGBOtxFOQYWhhBeMtUzzBbA/uploaded-1776880219008-4izyl7oi.png?_wi=11"},
|
||||
]}
|
||||
title="Member Feedback"
|
||||
description="What our fellow overthinkers have to say."
|
||||
@@ -237,20 +121,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you ship worldwide?",
|
||||
content: "Yes, we ship globally.",
|
||||
},
|
||||
id: "f1", title: "Do you ship worldwide?", content: "Yes, we ship globally."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is the return policy?",
|
||||
content: "Returns within 30 days.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are these tees unisex?",
|
||||
content: "Yes, our sizes are inclusive.",
|
||||
},
|
||||
id: "f2", title: "What is the return policy?", content: "Returns within 30 days."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Don't overthink it."
|
||||
@@ -263,14 +136,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"BuzzFeed",
|
||||
"Vice",
|
||||
"Medium",
|
||||
"Complex",
|
||||
"Hypebeast",
|
||||
"Dazed",
|
||||
"Paper",
|
||||
]}
|
||||
"BuzzFeed", "Vice", "Medium", "Complex", "Hypebeast"]}
|
||||
title="As Seen In"
|
||||
description="Spreading awareness for overthinkers everywhere."
|
||||
/>
|
||||
@@ -280,16 +146,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Let's Chat"
|
||||
title="Still overthinking your order?"
|
||||
description="Our team is here to help you stop the spiral."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get In Touch",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get In Touch", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -299,26 +162,7 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop All",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Shop All", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -328,4 +172,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user