Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
251
src/app/page.tsx
251
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Shield, ArrowRight, Zap, Target, Database, BarChart3, Lock, Users, CheckCircle } from 'lucide-react';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
@@ -29,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<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="Hexa Lebanon"
|
||||
/>
|
||||
@@ -55,37 +44,16 @@ export default function LandingPage() {
|
||||
title="Empowering Future Digital Solutions"
|
||||
description="Hexa Lebanon delivers cutting-edge software and infrastructure solutions designed to scale your business in a digital-first world."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Explore Services", href: "#about" },
|
||||
{ text: "Contact Us", href: "#contact" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-poly-background-with-connecting-lines-dots_1048-6496.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-poly-background-with-connecting-lines-dots_1048-6496.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/skilled-business-executive-luxurious-work-environment-reviews-budget-strategy_482257-116927.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
|
||||
alt: "Ali",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-young-guy-dressed-black-t-shirt-holds-tablet-computer-isolated-dark-background_613910-18713.jpg",
|
||||
alt: "Maya",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
|
||||
alt: "Joseph",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wondered-woman-listen-music-with-earphones_633478-2587.jpg",
|
||||
alt: "Nora",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/skilled-business-executive-luxurious-work-environment-reviews-budget-strategy_482257-116927.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg", alt: "Ali" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-young-guy-dressed-black-t-shirt-holds-tablet-computer-isolated-dark-background_613910-18713.jpg", alt: "Maya" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg", alt: "Joseph" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/wondered-woman-listen-music-with-earphones_633478-2587.jpg", alt: "Nora" }
|
||||
]}
|
||||
avatarText="Trusted by industry leaders"
|
||||
/>
|
||||
@@ -95,12 +63,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="About Hexa Lebanon"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -111,71 +74,38 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Cloud Infrastructure",
|
||||
description: "Highly available and scalable cloud environments.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572135.jpg?_wi=1",
|
||||
imageAlt: "Cloud infrastructure",
|
||||
title: "Cloud Infrastructure", description: "Highly available and scalable cloud environments.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572135.jpg", imageAlt: "Cloud infrastructure"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
text: "Auto-scaling",
|
||||
},
|
||||
{
|
||||
text: "Global CDN",
|
||||
},
|
||||
{
|
||||
text: "24/7 Monitoring",
|
||||
},
|
||||
{ icon: Zap, text: "Auto-scaling" },
|
||||
{ icon: ArrowRight, text: "Global CDN" },
|
||||
{ icon: Shield, text: "24/7 Monitoring" }
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-poly-background-with-connecting-lines-dots_1048-6496.jpg?_wi=2",
|
||||
imageAlt: "modern tech dashboard interface",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Data Analytics",
|
||||
description: "Turn your data into actionable intelligence with AI.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-graphics-blue-tones_1134-384.jpg",
|
||||
imageAlt: "Data analytics",
|
||||
title: "Data Analytics", description: "Turn your data into actionable intelligence with AI.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-graphics-blue-tones_1134-384.jpg", imageAlt: "Data analytics"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
text: "Real-time Dashboards",
|
||||
},
|
||||
{
|
||||
text: "Predictive Models",
|
||||
},
|
||||
{
|
||||
text: "Custom Reporting",
|
||||
},
|
||||
{ icon: BarChart3, text: "Real-time Dashboards" },
|
||||
{ icon: Target, text: "Predictive Models" },
|
||||
{ icon: Database, text: "Custom Reporting" }
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-people-meeting-online-videoconference-with-webcam-talking-remote-videocall-conference-using-internet-teleconference-call-have-network-conversation-office_482257-49773.jpg",
|
||||
imageAlt: "software developers collaboration office",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Cyber Security",
|
||||
description: "Fortify your business against digital threats.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/human-face-with-music-note-design-3d-rendered-illustration_460848-11274.jpg",
|
||||
imageAlt: "Security",
|
||||
title: "Cyber Security", description: "Fortify your business against digital threats.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/human-face-with-music-note-design-3d-rendered-illustration_460848-11274.jpg", imageAlt: "Security"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
text: "Threat Detection",
|
||||
},
|
||||
{
|
||||
text: "Encrypted Storage",
|
||||
},
|
||||
{
|
||||
text: "Identity Access",
|
||||
},
|
||||
{ icon: Lock, text: "Threat Detection" },
|
||||
{ icon: Shield, text: "Encrypted Storage" },
|
||||
{ icon: Users, text: "Identity Access" }
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572135.jpg?_wi=2",
|
||||
imageAlt: "cloud data synchronization icon",
|
||||
},
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Our Expertise"
|
||||
description="From cloud infrastructure to bespoke enterprise software, we engineer solutions that matter."
|
||||
@@ -186,28 +116,13 @@ export default function LandingPage() {
|
||||
<MetricCardTwo
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "99.9%",
|
||||
description: "Uptime Guarantee",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "50+",
|
||||
description: "Completed Projects",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "24/7",
|
||||
description: "Technical Support",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "100+",
|
||||
description: "Expert Developers",
|
||||
},
|
||||
{ id: "1", value: "99.9%", description: "Uptime Guarantee" },
|
||||
{ id: "2", value: "50+", description: "Completed Projects" },
|
||||
{ id: "3", value: "24/7", description: "Technical Support" },
|
||||
{ id: "4", value: "100+", description: "Expert Developers" }
|
||||
]}
|
||||
title="Proven Impact"
|
||||
description="Measured outcomes for our partners."
|
||||
@@ -221,40 +136,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Khalil",
|
||||
role: "CEO, TechFlow",
|
||||
testimonial: "Exceptional service and technical depth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skilled-business-executive-luxurious-work-environment-reviews-budget-strategy_482257-116927.jpg",
|
||||
id: "1", name: "Sarah Khalil", role: "CEO, TechFlow", testimonial: "Exceptional service and technical depth.", imageSrc: "http://img.b2bpic.net/free-photo/skilled-business-executive-luxurious-work-environment-reviews-budget-strategy_482257-116927.jpg"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ali Hassan",
|
||||
role: "CTO, DigitalLeb",
|
||||
testimonial: "Their infrastructure solution changed our operations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
|
||||
id: "2", name: "Ali Hassan", role: "CTO, DigitalLeb", testimonial: "Their infrastructure solution changed our operations.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Maya Rizk",
|
||||
role: "Lead Architect",
|
||||
testimonial: "Professional, punctual, and highly skilled.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-guy-dressed-black-t-shirt-holds-tablet-computer-isolated-dark-background_613910-18713.jpg",
|
||||
id: "3", name: "Maya Rizk", role: "Lead Architect", testimonial: "Professional, punctual, and highly skilled.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-guy-dressed-black-t-shirt-holds-tablet-computer-isolated-dark-background_613910-18713.jpg"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Joseph Haddad",
|
||||
role: "Product Owner",
|
||||
testimonial: "Delivered beyond our expectations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
|
||||
id: "4", name: "Joseph Haddad", role: "Product Owner", testimonial: "Delivered beyond our expectations.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Nora Mansour",
|
||||
role: "Director",
|
||||
testimonial: "Truly a top-tier software partner in Lebanon.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wondered-woman-listen-music-with-earphones_633478-2587.jpg",
|
||||
},
|
||||
id: "5", name: "Nora Mansour", role: "Director", testimonial: "Truly a top-tier software partner in Lebanon.", imageSrc: "http://img.b2bpic.net/free-photo/wondered-woman-listen-music-with-earphones_633478-2587.jpg"
|
||||
}
|
||||
]}
|
||||
title="Client Success"
|
||||
description="What industry leaders say about working with us."
|
||||
@@ -264,18 +159,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Contact Us"
|
||||
title="Ready to Transform Your Business?"
|
||||
description="Connect with our experts today and start your journey."
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:info@hexalebanon.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Email Us", href: "mailto:info@hexalebanon.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -284,44 +172,23 @@ export default function LandingPage() {
|
||||
logoText="Hexa Lebanon"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Cloud",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Analytics",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Services", items: [
|
||||
{ label: "Cloud", href: "#" },
|
||||
{ label: "Analytics", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#" },
|
||||
{ label: "Careers", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user