Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| a7df2c8c88 | |||
| 17f17c9ac2 | |||
| 341bc601ab |
196
src/app/page.tsx
196
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Erthclasx"
|
||||
/>
|
||||
@@ -55,20 +47,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Redefining Modern Living."
|
||||
description="Erthclasx bridges the gap between high-tech innovation and sustainable living. Experience the future today."
|
||||
tag="Innovative & Sustainable"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Get Started", href: "#products"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Explore Features", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/futuristic-technology-infographic-pack_52683-34337.jpg"
|
||||
/>
|
||||
@@ -80,23 +67,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Advanced Tech",
|
||||
description: "Integration of high-end technology for seamless operation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/ai-circuit-board-pattern-with-glowing-golden-lines_107791-35410.jpg",
|
||||
imageAlt: "Advanced Tech",
|
||||
},
|
||||
title: "Advanced Tech", description: "Integration of high-end technology for seamless operation.", imageSrc: "http://img.b2bpic.net/free-vector/ai-circuit-board-pattern-with-glowing-golden-lines_107791-35410.jpg", imageAlt: "Advanced Tech"},
|
||||
{
|
||||
title: "Eco-Conscious",
|
||||
description: "Materials sourced with care to minimize environmental footprint.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-light-ferromagnetic-liquid-metal-with-copy-space_23-2148253542.jpg",
|
||||
imageAlt: "Eco-Conscious",
|
||||
},
|
||||
title: "Eco-Conscious", description: "Materials sourced with care to minimize environmental footprint.", imageSrc: "http://img.b2bpic.net/free-photo/green-light-ferromagnetic-liquid-metal-with-copy-space_23-2148253542.jpg", imageAlt: "Eco-Conscious"},
|
||||
{
|
||||
title: "Ergonomic Design",
|
||||
description: "Built for comfort and daily usability in every environment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paper-circle-with-leaves-inside-circle_23-2148317452.jpg",
|
||||
imageAlt: "Ergonomic Design",
|
||||
},
|
||||
title: "Ergonomic Design", description: "Built for comfort and daily usability in every environment.", imageSrc: "http://img.b2bpic.net/free-photo/paper-circle-with-leaves-inside-circle_23-2148317452.jpg", imageAlt: "Ergonomic Design"},
|
||||
]}
|
||||
title="Superior Engineering"
|
||||
description="Our products are designed with precision, utilizing sustainable materials and advanced manufacturing to ensure longevity and style."
|
||||
@@ -111,41 +86,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Tech Jacket",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-fit-man-jumping-outdoors_23-2150189454.jpg",
|
||||
},
|
||||
id: "p1", name: "Tech Jacket", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-fit-man-jumping-outdoors_23-2150189454.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Minimalist Watch",
|
||||
price: "$250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-notebook-mock-up-with-clean-blank-design_93675-130055.jpg",
|
||||
},
|
||||
id: "p2", name: "Minimalist Watch", price: "$250", imageSrc: "http://img.b2bpic.net/free-photo/black-notebook-mock-up-with-clean-blank-design_93675-130055.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Sustainable Hoodie",
|
||||
price: "$90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-winter-clothes_633478-132.jpg",
|
||||
},
|
||||
id: "p3", name: "Sustainable Hoodie", price: "$90", imageSrc: "http://img.b2bpic.net/free-photo/woman-winter-clothes_633478-132.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Smart Glasses",
|
||||
price: "$300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072229.jpg",
|
||||
},
|
||||
id: "p4", name: "Smart Glasses", price: "$300", imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072229.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Eco Backpack",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/backpack-with-sunset_1150-7720.jpg",
|
||||
},
|
||||
id: "p5", name: "Eco Backpack", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/backpack-with-sunset_1150-7720.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Digital Wallet",
|
||||
price: "$80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalistic-home-desk-design_23-2148991434.jpg",
|
||||
},
|
||||
id: "p6", name: "Digital Wallet", price: "$80", imageSrc: "http://img.b2bpic.net/free-photo/minimalistic-home-desk-design_23-2148991434.jpg"},
|
||||
]}
|
||||
title="Signature Collection"
|
||||
description="Explore our curated list of high-quality, sustainable goods designed for the modern individual."
|
||||
@@ -160,20 +111,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15K+",
|
||||
description: "Happy Customers",
|
||||
},
|
||||
id: "m1", value: "15K+", description: "Happy Customers"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20%",
|
||||
description: "Less Waste Produced",
|
||||
},
|
||||
id: "m2", value: "20%", description: "Less Waste Produced"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "120+",
|
||||
description: "Global Regions",
|
||||
},
|
||||
id: "m3", value: "120+", description: "Global Regions"},
|
||||
]}
|
||||
title="Impact & Growth"
|
||||
description="Measuring our footprint and scaling our vision for a better world."
|
||||
@@ -188,45 +130,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Smith",
|
||||
role: "Designer",
|
||||
company: "CreativeCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex Smith", role: "Designer", company: "CreativeCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jordan Lee",
|
||||
role: "Engineer",
|
||||
company: "TechLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrical-engineer-holding-system-blueprint-near-industrial-switchboard-engineering-portrait_169016-71801.jpg",
|
||||
},
|
||||
id: "t2", name: "Jordan Lee", role: "Engineer", company: "TechLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrical-engineer-holding-system-blueprint-near-industrial-switchboard-engineering-portrait_169016-71801.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Miller",
|
||||
role: "Founder",
|
||||
company: "EcoStart",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-confident-business-coach-posing-with-arms-folded_74855-3084.jpg",
|
||||
},
|
||||
id: "t3", name: "Sarah Miller", role: "Founder", company: "EcoStart", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-confident-business-coach-posing-with-arms-folded_74855-3084.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
role: "Manager",
|
||||
company: "GrowthCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ideal-beginning-sunday_1098-15647.jpg",
|
||||
},
|
||||
id: "t4", name: "David Kim", role: "Manager", company: "GrowthCorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ideal-beginning-sunday_1098-15647.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jane Doe",
|
||||
role: "Consultant",
|
||||
company: "FuturePath",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-office-suit-sitting-outdoors-looking-confident_1258-123395.jpg",
|
||||
},
|
||||
id: "t5", name: "Jane Doe", role: "Consultant", company: "FuturePath", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-office-suit-sitting-outdoors-looking-confident_1258-123395.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear directly from those who trust our mission and quality."
|
||||
@@ -239,20 +156,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How sustainable are your products?",
|
||||
content: "We prioritize eco-friendly sourcing and low-impact production methods.",
|
||||
},
|
||||
id: "f1", title: "How sustainable are your products?", content: "We prioritize eco-friendly sourcing and low-impact production methods."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you ship worldwide?",
|
||||
content: "Yes, we ship to over 120 regions across the globe.",
|
||||
},
|
||||
id: "f2", title: "Do you ship worldwide?", content: "Yes, we ship to over 120 regions across the globe."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What is the return policy?",
|
||||
content: "We offer a hassle-free 30-day return policy for all items.",
|
||||
},
|
||||
id: "f3", title: "What is the return policy?", content: "We offer a hassle-free 30-day return policy for all items."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about Erthclasx."
|
||||
@@ -265,14 +173,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"InnovateTech",
|
||||
"GreenFuture",
|
||||
"EcoSolutions",
|
||||
"ModernLiving",
|
||||
"FutureReady",
|
||||
"CleanWorld",
|
||||
"SmartDesign",
|
||||
]}
|
||||
"InnovateTech", "GreenFuture", "EcoSolutions", "ModernLiving", "FutureReady", "CleanWorld", "SmartDesign"]}
|
||||
title="Trusted Globally"
|
||||
description="We are honored to work with industry leaders and innovative companies."
|
||||
/>
|
||||
@@ -282,10 +183,9 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Newsletter"
|
||||
title="Stay Updated with Erthclasx"
|
||||
title="Join 15K+ Innovators"
|
||||
description="Join our newsletter to receive the latest updates on sustainable tech and lifestyle innovations."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cosmic-background-with-colorful-laser-lights_181624-19888.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -298,33 +198,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Products", href: "#products"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -334,4 +222,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user