Merge version_2 into main #1
278
src/app/page.tsx
278
src/app/page.tsx
@@ -2,15 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,263 +28,123 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Entekhub"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Entekhub"
|
||||
description="Empowering businesses through cutting-edge technology and intelligent digital infrastructure."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
<HeroSplitDualMedia
|
||||
title="Digital Infrastructure for the Future"
|
||||
description="Empowering enterprises with intelligent software solutions and robust cloud systems."
|
||||
tag="Entekhub"
|
||||
rating={5}
|
||||
ratingText="Trusted by 10k+ businesses"
|
||||
background={{ variant: "glowing-orb" }}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884857.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/diagrams-with-connected-icons_1134-403.jpg" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884857.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Scaling Innovation"
|
||||
description="Entekhub provides specialized software solutions that bridge the gap between complex data and actionable insights."
|
||||
metrics={[
|
||||
{
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Deployments",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Support",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-owner-exchanging-ideas-with-realtor-contractor-office-tour_482257-100340.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
<TextAbout
|
||||
title="We bridge the gap between complex data and actionable strategy."
|
||||
tag="Our Vision"
|
||||
buttons={[{ text: "Read Our Story" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
<FeatureCardTwentyFour
|
||||
title="Core Capabilities"
|
||||
description="Tailored software suites for seamless digital operations."
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Cloud Architecture",
|
||||
descriptions: [
|
||||
"Scalable, secure infrastructure for growth.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-factory-illuminates-modern-blue-metal-machinery-generated-by-ai_188544-26728.jpg",
|
||||
id: "f1", title: "Scalable Cloud", author: "Tech Team", description: "Robust infrastructure for global scale.", tags: ["Cloud", "Architecture"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-factory-illuminates-modern-blue-metal-machinery-generated-by-ai_188544-26728.jpg"
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "AI Integration",
|
||||
descriptions: [
|
||||
"Advanced machine learning models for analytics.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diagrams-with-connected-icons_1134-403.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Seamless APIs",
|
||||
descriptions: [
|
||||
"Connect your ecosystem with zero friction.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169849.jpg",
|
||||
},
|
||||
id: "f2", title: "Advanced AI", author: "Data Team", description: "In-house machine learning models.", tags: ["AI", "Analytics"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diagrams-with-connected-icons_1134-403.jpg"
|
||||
}
|
||||
]}
|
||||
title="Core Capabilities"
|
||||
description="Powerful tools built for the next generation of tech infrastructure."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Proven Performance"
|
||||
tag="Results"
|
||||
<MetricCardSeven
|
||||
title="Performance Metrics"
|
||||
description="Quantifiable growth for our clients."
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150%",
|
||||
description: "Efficiency Growth",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50k",
|
||||
description: "Data Points Processed",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10k",
|
||||
description: "Global Clients",
|
||||
},
|
||||
{ id: "m1", value: "150%", title: "Efficiency Gains", items: ["Increased processing speed", "Lower latency"] },
|
||||
{ id: "m2", value: "50k", title: "Active Deployments", items: ["Across 15 countries", "Real-time monitoring"] }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
<TestimonialCardSix
|
||||
title="What Our Partners Say"
|
||||
description="Driving value for industry leaders worldwide."
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Game Changer",
|
||||
quote: "Entekhub completely streamlined our workflow.",
|
||||
name: "Alice M.",
|
||||
role: "CTO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Exceptional Support",
|
||||
quote: "Reliable and highly professional approach.",
|
||||
name: "Bob S.",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Highly Scalable",
|
||||
quote: "The platform grew alongside our needs perfectly.",
|
||||
name: "Charlie D.",
|
||||
role: "PM",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-corporate-man-holding-notepad_23-2148336906.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Fast Integration",
|
||||
quote: "Implementation was seamless and quick.",
|
||||
name: "Diana K.",
|
||||
role: "Dev",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-businesswoman-showing-digital-tablet_1262-6180.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Innovation Focus",
|
||||
quote: "They truly understand modern tech.",
|
||||
name: "Ethan L.",
|
||||
role: "Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alice M.", handle: "@alice_cto", testimonial: "Entekhub revolutionized our digital workflow." },
|
||||
{ id: "t2", name: "Bob S.", handle: "@bob_ceo", testimonial: "Unmatched technical depth and reliability." }
|
||||
]}
|
||||
title="Trusted by Leaders"
|
||||
description="What our partners say about us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
<FaqDouble
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common inquiries about our services."
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is Entekhub secure?",
|
||||
content: "Security is our top priority.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How do we scale?",
|
||||
content: "Our modular architecture allows infinite growth.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer support?",
|
||||
content: "Yes, we provide 24/7 technical support.",
|
||||
},
|
||||
{ id: "q1", title: "Is Entekhub secure?", content: "Yes, enterprise-grade security is baked into our core." },
|
||||
{ id: "q2", title: "Can we scale?", content: "Our architecture is built for infinite growth." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/extreme-close-up-shot-worker-server-hub-using-tablet_482257-90062.jpg"
|
||||
title="Common Questions"
|
||||
description="Quick answers to help you get started."
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
tag="Contact"
|
||||
<ContactSplitForm
|
||||
title="Get In Touch"
|
||||
description="Ready to transform your infrastructure? Contact us today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-business-workplace-equipped-with-modern-tech-tools-serve-enterprise_482257-118685.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
description="Let's build the future of your enterprise infrastructure together."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your project", rows: 4 }}
|
||||
buttonText="Submit Request"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
<FooterLogoEmphasis
|
||||
logoText="Entekhub"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Status",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About", href: "#about" }, { label: "Features", href: "#features" }] },
|
||||
{ items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Entekhub. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user