Merge version_1 into main #2
385
src/app/page.tsx
385
src/app/page.tsx
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user