Update src/app/page.tsx
This commit is contained in:
235
src/app/page.tsx
235
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="T&B"
|
||||
/>
|
||||
@@ -55,17 +47,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
logoText="T&B"
|
||||
description="Crafting the future of modern essentials. Where design meets functionality in perfect harmony."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-doctor-diagnosing-melanoma-body-female-patient_23-2149365767.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-doctor-diagnosing-melanoma-body-female-patient_23-2149365767.jpg"
|
||||
imageAlt="T&B Luxury Product"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -79,41 +68,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Essential Pod",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072189.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Essential Pod", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072189.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Audio Prime",
|
||||
price: "$249",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-vr-glasses_23-2148847740.jpg?_wi=1",
|
||||
},
|
||||
id: "p2", name: "Audio Prime", price: "$249", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-vr-glasses_23-2148847740.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Smart Dock",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-laptop-amidst-stationery_23-2147768899.jpg?_wi=1",
|
||||
},
|
||||
id: "p3", name: "Smart Dock", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-laptop-amidst-stationery_23-2147768899.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Sonic Buds",
|
||||
price: "$159",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headphones-laptop-home_23-2149551432.jpg?_wi=1",
|
||||
},
|
||||
id: "p4", name: "Sonic Buds", price: "$159", imageSrc: "http://img.b2bpic.net/free-photo/headphones-laptop-home_23-2149551432.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "T&B Watch",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-serious-man-wearing-white-t-shirt-light-blue-denim-shirt-rolling-up-his-right-sleeve-showing-tattooed-arm-isolated-white_346278-937.jpg",
|
||||
},
|
||||
id: "p5", name: "T&B Watch", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/young-serious-man-wearing-white-t-shirt-light-blue-denim-shirt-rolling-up-his-right-sleeve-showing-tattooed-arm-isolated-white_346278-937.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Power Bank",
|
||||
price: "$69",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hands-holding-notebook-pen_23-2149328239.jpg",
|
||||
},
|
||||
id: "p6", name: "Power Bank", price: "$69", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hands-holding-notebook-pen_23-2149328239.jpg"},
|
||||
]}
|
||||
title="Essential Collection"
|
||||
description="Carefully curated products built for the modern lifestyle."
|
||||
@@ -127,46 +92,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Minimalist Design",
|
||||
description: "Stripped down to essentials, keeping only what truly adds value.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-silver-tin-can_23-2148785202.jpg",
|
||||
imageAlt: "Feature 1",
|
||||
},
|
||||
title: "Minimalist Design", description: "Stripped down to essentials, keeping only what truly adds value.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-silver-tin-can_23-2148785202.jpg", imageAlt: "Feature 1"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349214.jpg",
|
||||
imageAlt: "Feature 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-diagnosing-melanoma-body-female-patient_23-2149365767.jpg?_wi=2",
|
||||
imageAlt: "minimalist tech gadget silver white",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349214.jpg", imageAlt: "Feature 2"},
|
||||
},
|
||||
{
|
||||
title: "Premium Materials",
|
||||
description: "Sourced with durability and aesthetic luxury in mind.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-talking-phone_23-2149530045.jpg",
|
||||
imageAlt: "Feature 3",
|
||||
},
|
||||
title: "Premium Materials", description: "Sourced with durability and aesthetic luxury in mind.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-talking-phone_23-2149530045.jpg", imageAlt: "Feature 3"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-summer-elements_23-2147797695.jpg",
|
||||
imageAlt: "Feature 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072189.jpg?_wi=2",
|
||||
imageAlt: "minimalist tech gadget silver white",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-summer-elements_23-2147797695.jpg", imageAlt: "Feature 4"},
|
||||
},
|
||||
{
|
||||
title: "Flawless Performance",
|
||||
description: "Engineered for excellence in every interaction.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/levitating-round-speaker-device_52683-138390.jpg",
|
||||
imageAlt: "Feature 5",
|
||||
},
|
||||
title: "Flawless Performance", description: "Engineered for excellence in every interaction.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/levitating-round-speaker-device_52683-138390.jpg", imageAlt: "Feature 5"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-leather-textures_74190-5570.jpg",
|
||||
imageAlt: "Feature 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-vr-glasses_23-2148847740.jpg?_wi=2",
|
||||
imageAlt: "minimalist tech gadget silver white",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-leather-textures_74190-5570.jpg", imageAlt: "Feature 6"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -182,24 +123,16 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Design Awards",
|
||||
value: "24+",
|
||||
},
|
||||
label: "Design Awards", value: "24+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Satisfied Customers",
|
||||
value: "10k+",
|
||||
},
|
||||
label: "Satisfied Customers", value: "10k+"},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Global Shipping",
|
||||
value: "50+",
|
||||
},
|
||||
label: "Global Shipping", value: "50+"},
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Product Lines",
|
||||
value: "12",
|
||||
},
|
||||
label: "Product Lines", value: "12"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -211,60 +144,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Chen",
|
||||
date: "Jan 2024",
|
||||
title: "CEO, Design Labs",
|
||||
quote: "T&B products have completely changed my workspace aesthetic.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/handsome-man-posing-studio_23-2148532568.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-diagnosing-melanoma-body-female-patient_23-2149365767.jpg?_wi=3",
|
||||
imageAlt: "professional portrait minimalist",
|
||||
},
|
||||
id: "t1", name: "Sarah Chen", date: "Jan 2024", title: "CEO, Design Labs", quote: "T&B products have completely changed my workspace aesthetic.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-man-posing-studio_23-2148532568.jpg", imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-diagnosing-melanoma-body-female-patient_23-2149365767.jpg", imageAlt: "professional portrait minimalist"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Ross",
|
||||
date: "Dec 2023",
|
||||
title: "Creative Director",
|
||||
quote: "Minimalism done right. The quality is simply unmatched.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/closeup-confident-adult-business-leader_1262-4819.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072189.jpg?_wi=3",
|
||||
imageAlt: "professional portrait minimalist",
|
||||
},
|
||||
id: "t2", name: "Michael Ross", date: "Dec 2023", title: "Creative Director", quote: "Minimalism done right. The quality is simply unmatched.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-confident-adult-business-leader_1262-4819.jpg", imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072189.jpg", imageAlt: "professional portrait minimalist"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Gomez",
|
||||
date: "Nov 2023",
|
||||
title: "Entrepreneur",
|
||||
quote: "Functionality meeting beauty. Everything I need in one set.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/blurred-waiting-room_1203-1254.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-vr-glasses_23-2148847740.jpg?_wi=3",
|
||||
imageAlt: "professional portrait minimalist",
|
||||
},
|
||||
id: "t3", name: "Elena Gomez", date: "Nov 2023", title: "Entrepreneur", quote: "Functionality meeting beauty. Everything I need in one set.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/blurred-waiting-room_1203-1254.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-vr-glasses_23-2148847740.jpg", imageAlt: "professional portrait minimalist"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Park",
|
||||
date: "Oct 2023",
|
||||
title: "Product Designer",
|
||||
quote: "The attention to detail is evident in every curve.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-messy-bun-posing_23-2149435265.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-laptop-amidst-stationery_23-2147768899.jpg?_wi=2",
|
||||
imageAlt: "professional portrait minimalist",
|
||||
},
|
||||
id: "t4", name: "David Park", date: "Oct 2023", title: "Product Designer", quote: "The attention to detail is evident in every curve.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/medium-shot-man-with-messy-bun-posing_23-2149435265.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-laptop-amidst-stationery_23-2147768899.jpg", imageAlt: "professional portrait minimalist"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica Lee",
|
||||
date: "Sep 2023",
|
||||
title: "Tech Consultant",
|
||||
quote: "Elegant design that works seamlessly every single time.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/special-product-photography-studio-with-workers_23-2148970220.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headphones-laptop-home_23-2149551432.jpg?_wi=2",
|
||||
imageAlt: "professional portrait minimalist",
|
||||
},
|
||||
id: "t5", name: "Jessica Lee", date: "Sep 2023", title: "Tech Consultant", quote: "Elegant design that works seamlessly every single time.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/special-product-photography-studio-with-workers_23-2148970220.jpg", imageSrc: "http://img.b2bpic.net/free-photo/headphones-laptop-home_23-2149551432.jpg", imageAlt: "professional portrait minimalist"},
|
||||
]}
|
||||
title="Loved by Creators"
|
||||
description="See why top professionals choose T&B."
|
||||
@@ -277,25 +165,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long is shipping?",
|
||||
content: "We offer express global shipping within 3-5 business days.",
|
||||
},
|
||||
id: "f1", title: "How long is shipping?", content: "We offer express global shipping within 3-5 business days."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I return products?",
|
||||
content: "Yes, we have a 30-day hassle-free return policy.",
|
||||
},
|
||||
id: "f2", title: "Can I return products?", content: "Yes, we have a 30-day hassle-free return policy."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship to over 50 countries worldwide.",
|
||||
},
|
||||
id: "f3", title: "Do you offer international shipping?", content: "Yes, we ship to over 50 countries worldwide."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Are products covered by warranty?",
|
||||
content: "All items come with a standard 12-month manufacturer warranty.",
|
||||
},
|
||||
id: "f4", title: "Are products covered by warranty?", content: "All items come with a standard 12-month manufacturer warranty."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about T&B."
|
||||
@@ -310,16 +186,10 @@ export default function LandingPage() {
|
||||
description="Get exclusive early access to new releases and design insights."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wide-shot-white-abstract-architectural-building_181624-30992.jpg"
|
||||
@@ -334,28 +204,17 @@ export default function LandingPage() {
|
||||
description="Our team is here to assist you with any questions."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "subject",
|
||||
type: "text",
|
||||
placeholder: "Subject",
|
||||
required: true,
|
||||
name: "subject", type: "text", placeholder: "Subject", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "How can we help?", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/corporate-building-with-minimalist-empty-room_23-2148727505.jpg"
|
||||
@@ -369,19 +228,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "Linkedin",
|
||||
},
|
||||
href: "#", ariaLabel: "Linkedin"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user