Merge version_2 into main #2
279
src/app/page.tsx
279
src/app/page.tsx
@@ -4,12 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Award, CheckCircle, Clock, Users, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -31,64 +31,41 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Services", id: "#features"},
|
||||
{
|
||||
name: "Impact",
|
||||
id: "#metrics",
|
||||
},
|
||||
name: "Impact", id: "#metrics"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="DIX LABS"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Innovation at the Molecular Scale."
|
||||
description="DIX LABS is pioneering the future of digital and physical sciences through precision, scale, and uncompromising quality."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Research",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Explore Research", href: "#about"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/future-visions-business-technology-concept_23-2151893414.jpg?_wi=1",
|
||||
imageAlt: "DIX LABS Tech Concept 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/future-visions-business-technology-concept_23-2151893414.jpg?_wi=1", imageAlt: "DIX LABS Tech Concept 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/images-that-simulate-x-rays-with-neon-colors_23-2151521303.jpg?_wi=1",
|
||||
imageAlt: "DIX LABS Tech Concept 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/images-that-simulate-x-rays-with-neon-colors_23-2151521303.jpg?_wi=1", imageAlt: "DIX LABS Tech Concept 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-green-abstract-background_1017-2775.jpg?_wi=1",
|
||||
imageAlt: "DIX LABS Tech Concept 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-green-abstract-background_1017-2775.jpg?_wi=1", imageAlt: "DIX LABS Tech Concept 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/future-visions-business-technology-concept_23-2151893414.jpg?_wi=2",
|
||||
imageAlt: "DIX LABS Tech Concept 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/future-visions-business-technology-concept_23-2151893414.jpg?_wi=2", imageAlt: "DIX LABS Tech Concept 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/images-that-simulate-x-rays-with-neon-colors_23-2151521303.jpg?_wi=2",
|
||||
imageAlt: "DIX LABS Tech Concept 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/images-that-simulate-x-rays-with-neon-colors_23-2151521303.jpg?_wi=2", imageAlt: "DIX LABS Tech Concept 5"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -115,60 +92,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Molecular Engineering",
|
||||
author: "DIX Tech",
|
||||
description: "Precision manipulation at the nanoscale for enhanced material resilience.",
|
||||
tags: [
|
||||
"Nanotech",
|
||||
"Advanced Materials",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/future-visions-business-technology-concept_23-2151893414.jpg?_wi=3",
|
||||
},
|
||||
id: "f1", title: "Molecular Engineering", author: "DIX Tech", description: "Precision manipulation at the nanoscale for enhanced material resilience.", tags: [
|
||||
"Nanotech", "Advanced Materials"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/future-visions-business-technology-concept_23-2151893414.jpg?_wi=3"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Data-Driven Discovery",
|
||||
author: "DIX Intelligence",
|
||||
description: "Leveraging advanced ML models to accelerate innovation cycles.",
|
||||
tags: [
|
||||
"AI/ML",
|
||||
"Big Data",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/images-that-simulate-x-rays-with-neon-colors_23-2151521303.jpg?_wi=3",
|
||||
},
|
||||
id: "f2", title: "Data-Driven Discovery", author: "DIX Intelligence", description: "Leveraging advanced ML models to accelerate innovation cycles.", tags: [
|
||||
"AI/ML", "Big Data"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/images-that-simulate-x-rays-with-neon-colors_23-2151521303.jpg?_wi=3"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Scalable Systems",
|
||||
author: "DIX Infrastructure",
|
||||
description: "Designing future-proof architectures that grow with your project.",
|
||||
tags: [
|
||||
"Systems",
|
||||
"Architecture",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-green-abstract-background_1017-2775.jpg?_wi=2",
|
||||
},
|
||||
id: "f3", title: "Scalable Systems", author: "DIX Infrastructure", description: "Designing future-proof architectures that grow with your project.", tags: [
|
||||
"Systems", "Architecture"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-green-abstract-background_1017-2775.jpg?_wi=2"},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Quantum Computing",
|
||||
author: "DIX Quantum",
|
||||
description: "Processing complex datasets at speeds previously considered impossible.",
|
||||
tags: [
|
||||
"Quantum",
|
||||
"Compute",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/future-visions-business-technology-concept_23-2151893414.jpg?_wi=4",
|
||||
},
|
||||
id: "f4", title: "Quantum Computing", author: "DIX Quantum", description: "Processing complex datasets at speeds previously considered impossible.", tags: [
|
||||
"Quantum", "Compute"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/future-visions-business-technology-concept_23-2151893414.jpg?_wi=4"},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Biotech Integration",
|
||||
author: "DIX Bio",
|
||||
description: "Bridging the gap between biological systems and digital interfaces.",
|
||||
tags: [
|
||||
"Biotech",
|
||||
"Integration",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/images-that-simulate-x-rays-with-neon-colors_23-2151521303.jpg?_wi=4",
|
||||
},
|
||||
id: "f5", title: "Biotech Integration", author: "DIX Bio", description: "Bridging the gap between biological systems and digital interfaces.", tags: [
|
||||
"Biotech", "Integration"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/images-that-simulate-x-rays-with-neon-colors_23-2151521303.jpg?_wi=4"},
|
||||
]}
|
||||
title="Core Competencies"
|
||||
description="Unlocking potential across multiple scientific and engineering domains."
|
||||
@@ -183,39 +125,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Successful Trials",
|
||||
description: "Validated across multiple global initiatives.",
|
||||
icon: CheckCircle,
|
||||
id: "m1", value: "150+", title: "Successful Trials", description: "Validated across multiple global initiatives.", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "40%",
|
||||
title: "Efficiency Gain",
|
||||
description: "Average increase in client project output.",
|
||||
icon: Zap,
|
||||
id: "m2", value: "40%", title: "Efficiency Gain", description: "Average increase in client project output.", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Operational Support",
|
||||
description: "Continuous monitoring and expert analysis.",
|
||||
icon: Clock,
|
||||
id: "m3", value: "24/7", title: "Operational Support", description: "Continuous monitoring and expert analysis.", icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "12",
|
||||
title: "Global Patents",
|
||||
description: "Proprietary technology developed in-house.",
|
||||
icon: Award,
|
||||
id: "m4", value: "12", title: "Global Patents", description: "Proprietary technology developed in-house.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
value: "500+",
|
||||
title: "Team Members",
|
||||
description: "Experts dedicated to pioneering innovation.",
|
||||
icon: Users,
|
||||
id: "m5", value: "500+", title: "Team Members", description: "Experts dedicated to pioneering innovation.", icon: Users,
|
||||
},
|
||||
]}
|
||||
title="Proven Results"
|
||||
@@ -224,111 +146,70 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Dr. Sarah Miller",
|
||||
date: "Oct 2023",
|
||||
title: "Chief Researcher",
|
||||
quote: "DIX LABS transformed our research trajectory entirely.",
|
||||
tag: "Biotech",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-mature-businessman-with-cup-coffee_23-2147955267.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-mature-businessman-with-cup-coffee_23-2147955267.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
date: "Sep 2023",
|
||||
title: "Head of Ops",
|
||||
quote: "Unrivaled expertise and execution speed.",
|
||||
tag: "Logistics",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
date: "Aug 2023",
|
||||
title: "CTO",
|
||||
quote: "The innovation level is simply staggering.",
|
||||
tag: "SaaS",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/confident-outline-business-side-face-male_1194-3839.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-outline-business-side-face-male_1194-3839.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
date: "Jul 2023",
|
||||
title: "Product Lead",
|
||||
quote: "They anticipate problems before they arrive.",
|
||||
tag: "Hardware",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-14034.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-14034.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane Doe",
|
||||
date: "Jun 2023",
|
||||
title: "CEO",
|
||||
quote: "DIX LABS is the partner for growth.",
|
||||
tag: "Retail",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg",
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
title="Trusted Partners"
|
||||
description="Collaborators who define the standard of excellence."
|
||||
kpiItems={[
|
||||
{ value: "98%", label: "Satisfaction Rate" },
|
||||
{ value: "120+", label: "Partnerships" },
|
||||
{ value: "500+", label: "Projects Completed" }
|
||||
]}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Dr. Sarah Miller", role: "Chief Researcher", company: "Biotech Corp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-mature-businessman-with-cup-coffee_23-2147955267.jpg"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Michael Chen", role: "Head of Ops", company: "Logistics Inc", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Elena Rodriguez", role: "CTO", company: "SaaS Solutions", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-outline-business-side-face-male_1194-3839.jpg"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Collaborate With DIX LABS"
|
||||
description="Let's explore your next breakthrough together. Send us a message today."
|
||||
title="Get in Touch"
|
||||
description="Have a project in mind? We'd love to hear from you."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "company",
|
||||
type: "text",
|
||||
placeholder: "Company Name",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-empty-doctor-office-equipped-with-professional-medical-instruments-ready-clinical-consultation-hospital-room-with-nobody-it-having-otoscope-landline-desk-table-medicine-concept_482257-34761.jpg"
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project...",
|
||||
rows: 4,
|
||||
required: true,
|
||||
name: "message", placeholder: "Describe your inquiry...", rows: 5,
|
||||
required: true
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-empty-doctor-office-equipped-with-professional-medical-instruments-ready-clinical-consultation-hospital-room-with-nobody-it-having-otoscope-landline-desk-table-medicine-concept_482257-34761.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
<FooterMedia
|
||||
logoText="DIX LABS"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/future-visions-business-technology-concept_23-2151893414.jpg?_wi=1"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Impact", href: "#metrics" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Privacy", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 DIX LABS. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user