bender/1da4b6af-2f5a-4126-96d5-711510aa80ad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-13 21:18:09 +00:00
parent 1cdc9a6cc7
commit ea741c9c2e
1 changed files with 29 additions and 356 deletions
Download Patch File Download Diff File Expand all files Collapse all files

385
src/app/page.tsx
View File

@@ -32,28 +32,14 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Features",
id: "features",
},
{
name: "Products",
id: "products",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Products", id: "products" },
{ name: "Contact", id: "contact" },
]}
brandName="Les HDD"
button={{ text: "Contact", href: "#contact" }}
/>
</div>
@@ -62,87 +48,28 @@ export default function LandingPage() {
title="Reliable Storage Solutions for Your Data"
description="Experience professional-grade hard drives designed for high-performance and absolute security."
testimonials={[
{
name: "Alex Rivet",
handle: "@alex_rivet",
testimonial: "Exceptional reliability. My data has never been safer.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panel-manufacturing-facility-presents-green-energy-production_482257-119910.jpg",
},
{
name: "Sarah Chen",
handle: "@sarah_chen",
testimonial: "The performance is unmatched. Perfect for large databases.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/content-african-american-guy-sitting-table-using-laptop_74855-15139.jpg",
},
{
name: "Marcus Thorne",
handle: "@m_thorne",
testimonial: "Outstanding customer support and high-quality hardware.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241264.jpg",
},
{
name: "Elena Rossi",
handle: "@elena_r",
testimonial: "Les HDD changed our storage infrastructure for the better.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-autumn-coat-posing-street_1303-29554.jpg",
},
{
name: "James Bond",
handle: "@j_bond",
testimonial: "Top tier encryption and storage speed. Truly impressed.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-formal-wear-standing-office_1303-31472.jpg",
},
{ name: "Alex Rivet", handle: "@alex_rivet", testimonial: "Exceptional reliability. My data has never been safer.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panel-manufacturing-facility-presents-green-energy-production_482257-119910.jpg" },
{ name: "Sarah Chen", handle: "@sarah_chen", testimonial: "The performance is unmatched. Perfect for large databases.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/content-african-american-guy-sitting-table-using-laptop_74855-15139.jpg" },
{ name: "Marcus Thorne", handle: "@m_thorne", testimonial: "Outstanding customer support and high-quality hardware.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241264.jpg" },
{ name: "Elena Rossi", handle: "@elena_r", testimonial: "Les HDD changed our storage infrastructure for the better.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-autumn-coat-posing-street_1303-29554.jpg" },
{ name: "James Bond", handle: "@j_bond", testimonial: "Top tier encryption and storage speed. Truly impressed.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-formal-wear-standing-office_1303-31472.jpg" },
]}
buttons={[
{
text: "Explore Products",
href: "#products",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105487.jpg?_wi=1"
buttons={[{ text: "Explore Products", href: "#products" }]}
imageSrc="http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105487.jpg"
imageAlt="High-tech data storage system"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/software-developer-server-hub-maintaining-optimal-network-performance_482257-113699.jpg",
alt: "Software developer in server hub",
},
{
src: "http://img.b2bpic.net/free-photo/data-driven-planning-helps-this-professional-build-successful-strategy_482257-126336.jpg",
alt: "Data driven planning professional",
},
{
src: "http://img.b2bpic.net/free-photo/african-american-male-professional-works-desk-corporation_482257-122689.jpg",
alt: "Corporate desk professional",
},
{
src: "http://img.b2bpic.net/free-photo/scientist-factory-using-tablet-check-photovoltaics-materials-parameters_482257-120526.jpg",
alt: "Factory scientist using tablet",
},
{
src: "http://img.b2bpic.net/free-photo/young-guy-with-beard-works-cafe-freelancer-uses-laptop-does-project_1296-724.jpg",
alt: "Freelancer working in cafe",
},
{ src: "http://img.b2bpic.net/free-photo/software-developer-server-hub-maintaining-optimal-network-performance_482257-113699.jpg", alt: "Software developer" },
{ src: "http://img.b2bpic.net/free-photo/data-driven-planning-helps-this-professional-build-successful-strategy_482257-126336.jpg", alt: "Data driven planning" },
{ src: "http://img.b2bpic.net/free-photo/african-american-male-professional-works-desk-corporation_482257-122689.jpg", alt: "Corporate desk" },
{ src: "http://img.b2bpic.net/free-photo/scientist-factory-using-tablet-check-photovoltaics-materials-parameters_482257-120526.jpg", alt: "Factory scientist" },
{ src: "http://img.b2bpic.net/free-photo/young-guy-with-beard-works-cafe-freelancer-uses-laptop-does-project_1296-724.jpg", alt: "Freelancer" },
]}
avatarText="Trusted by 500k+ global professionals"
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="Setting the Standard in Data Storage"
buttons={[
{
text: "Learn More",
href: "#",
},
]}
/>
<TextAbout useInvertedBackground={false} title="Setting the Standard in Data Storage" buttons={[{ text: "Learn More", href: "#" }]} />
</div>
<div id="features" data-section="features">
@@ -151,51 +78,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Ultra-High Speed",
description: "Rapid data transfer rates for demanding enterprise environments.",
icon: Zap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/technician-working-high-tech-server-hub-analyzing-data-tablet_482257-129710.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/people-using-technology-digital-device-with-cloud-computing-icon-graphic_53876-13919.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105487.jpg?_wi=2",
imageAlt: "data server hardware tech",
},
{
title: "Hardware Encryption",
description: "Secure your data at the hardware level with built-in encryption.",
icon: Shield,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-illustration_23-2151998468.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/female-programmer-scanning-her-face-with-biometric-security-technology-virtual-screen-digital-remix_53876-104936.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/storage-cloud_1048-1655.jpg",
imageAlt: "data server hardware tech",
},
{
title: "Cloud-Ready Archival",
description: "Optimized for archival and backup, cloud storage seamless.",
icon: Cloud,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-old-hard-disk_58702-17218.jpg?_wi=1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-computer-lab-equipment-row-generated-by-ai_188544-28056.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/blue-computer-cpu-motherboard-flat-lay_53876-97298.jpg?_wi=1",
imageAlt: "data server hardware tech",
},
{ title: "Ultra-High Speed", description: "Rapid data transfer rates.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/technician-working-high-tech-server-hub-analyzing-data-tablet_482257-129710.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/people-using-technology-digital-device-with-cloud-computing-icon-graphic_53876-13919.jpg" }] },
{ title: "Hardware Encryption", description: "Secure your data at the hardware level.", icon: Shield, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-illustration_23-2151998468.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/female-programmer-scanning-her-face-with-biometric-security-technology-virtual-screen-digital-remix_53876-104936.jpg" }] },
{ title: "Cloud-Ready Archival", description: "Optimized for archival and backup.", icon: Cloud, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-old-hard-disk_58702-17218.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/futuristic-computer-lab-equipment-row-generated-by-ai_188544-28056.jpg" }] },
]}
title="Advanced Technology Features"
description="Engineered for speed, durability, and secure data archival."
@@ -207,209 +92,24 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
animationType="slide-up"
products={[
{
id: "1",
brand: "ProSeries",
name: "Enterprise 10TB HDD",
price: "$450",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-old-hard-disk_58702-17218.jpg?_wi=2",
},
{
id: "2",
brand: "Mobile",
name: "SSD 2TB Portable",
price: "$150",
rating: 4,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/blue-computer-cpu-motherboard-flat-lay_53876-97298.jpg?_wi=2",
},
{
id: "3",
brand: "NAS",
name: "Network Array 4-Bay",
price: "$899",
rating: 5,
reviewCount: "42",
imageSrc: "http://img.b2bpic.net/free-photo/delivery-robot-futuristic-environment_23-2151189336.jpg",
},
{
id: "4",
brand: "Gaming",
name: "Performance SSD 1TB",
price: "$220",
rating: 5,
reviewCount: "310",
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349252.jpg",
},
{
id: "5",
brand: "DataCenter",
name: "Rack Mount HDD 16TB",
price: "$750",
rating: 5,
reviewCount: "15",
imageSrc: "http://img.b2bpic.net/free-photo/advanced-server-hub-managing-large-datasets-artificial-intelligence-training_482257-124451.jpg",
},
{
id: "6",
brand: "Secure",
name: "External HDD 4TB",
price: "$180",
rating: 4,
reviewCount: "92",
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-old-hard-disk_58702-17238.jpg",
},
{ id: "1", brand: "ProSeries", name: "Enterprise 10TB HDD", price: "$450", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-old-hard-disk_58702-17218.jpg" },
{ id: "2", brand: "Mobile", name: "SSD 2TB Portable", price: "$150", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/blue-computer-cpu-motherboard-flat-lay_53876-97298.jpg" },
{ id: "3", brand: "NAS", name: "Network Array 4-Bay", price: "$899", rating: 5, reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/delivery-robot-futuristic-environment_23-2151189336.jpg" },
]}
title="Our Professional Product Line"
description="Choose from a diverse range of storage options."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "99.9%",
description: "Drive Uptime Guarantee",
},
{
id: "m2",
value: "500K+",
description: "Drives Deployed Globally",
},
{
id: "m3",
value: "15ms",
description: "Avg Access Latency",
},
]}
title="Proven Performance Results"
description="Trust our metrics, backed by years of data center deployments."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Alex Rivet",
role: "CEO",
company: "TechCorp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/octogenarian-engineer-crypto-mining-farm-with-specialized-server-racks-using-blockchain-technology-fintech-expert-inspecting-asic-racks-solving-complex-computational-operations-data-center_482257-70453.jpg",
},
{
id: "t2",
name: "Sarah Chen",
role: "CTO",
company: "InnovateLab",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-business-executive-using-mobile-phone_1170-868.jpg",
},
{
id: "t3",
name: "Marcus Thorne",
role: "Head of IT",
company: "GrowthCo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/computer-scientist-server-farm-ensuring-compliance-with-industry-standards_482257-123806.jpg",
},
{
id: "t4",
name: "Elena Rossi",
role: "VP Engineering",
company: "CloudSys",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait_1296-491.jpg",
},
{
id: "t5",
name: "James Bond",
role: "Product Lead",
company: "DataHub",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-listening-music-his-office_329181-17556.jpg",
},
]}
kpiItems={[
{
value: "98%",
label: "Client Retention",
},
{
value: "5 Star",
label: "Service Rating",
},
{
value: "10+ Years",
label: "Market Leadership",
},
]}
title="Loved by Tech Leaders"
description="See why top organizations choose Les HDD for their critical infrastructure."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Do you offer warranty?",
content: "Yes, all drives include a 24-month manufacturer warranty.",
},
{
id: "q2",
title: "Is the encryption hardware based?",
content: "Absolutely, it's integrated at the chipset level for security.",
},
{
id: "q3",
title: "How long is the shipping?",
content: "Typical delivery within 3-5 business days depending on location.",
},
]}
title="Frequently Asked Questions"
description="Quick answers to common questions about our drives."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Get in Touch with Our Team"
description="Have questions? Our support team is here to assist with all your technical requirements."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
},
{
name: "email",
type: "email",
placeholder: "Your Email",
},
]}
textarea={{
name: "message",
placeholder: "How can we help?",
}}
inputs={[{ name: "name", type: "text", placeholder: "Your Name" }, { name: "email", type: "email", placeholder: "Your Email" }]}
textarea={{ name: "message", placeholder: "How can we help?" }}
imageSrc="http://img.b2bpic.net/free-photo/professional-hacker-using-ransomware-phishing-tactics-compromise-networks_482257-121638.jpg"
/>
</div>
@@ -417,34 +117,7 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Les HDD"
columns={[
{
title: "Products",
items: [
{
label: "Enterprise Drives",
href: "#products",
},
{
label: "NAS Solutions",
href: "#products",
},
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "FAQs",
href: "#faq",
},
],
},
]}
columns={[{ title: "Products", items: [{ label: "Enterprise Drives", href: "#products" }] }, { title: "Support", items: [{ label: "Contact", href: "#contact" }] }]}
/>
</div>
</ReactLenis>