Merge version_1 into main #2
256
src/app/page.tsx
256
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
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="TechVision"
|
||||
/>
|
||||
@@ -54,47 +42,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Innovation Driven by Technology"
|
||||
description="Empowering businesses through cutting-edge software solutions and expert engineering services."
|
||||
tag="Next-Gen Software"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dj-is-mixer-station_53876-42738.jpg?_wi=1",
|
||||
imageAlt: "tech studio dark background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-looking-company-charts_482257-124401.jpg?_wi=1",
|
||||
imageAlt: "tech data dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-lights-long-exposure-technique_53876-144333.jpg",
|
||||
imageAlt: "Blue lights long exposure technique",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139302.jpg",
|
||||
imageAlt: "Blurred night lights",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-traditional-fireworks-display-local-maltese-village-feast_181624-1122.jpg",
|
||||
imageAlt: "Beautiful traditional fireworks display during the local Maltese village feast",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dj-is-mixer-station_53876-42738.jpg", imageAlt: "tech studio dark background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-looking-company-charts_482257-124401.jpg", imageAlt: "tech data dashboard" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 500+ enterprises"
|
||||
tagIcon={Zap}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Solutions",
|
||||
href: "#products",
|
||||
},
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ text: "View Solutions", href: "#products" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -103,26 +65,11 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Bridging the gap between complex challenges and ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/corporate-meeting-where-multicultural-partners-collaborate-through-video-call-applying-strategic_482257-132358.jpg",
|
||||
alt: "Tech team working modern",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " elegant digital solutions.",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
{ type: "text", content: "Bridging the gap between complex challenges and " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/corporate-meeting-where-multicultural-partners-collaborate-through-video-call-applying-strategic_482257-132358.jpg", alt: "Tech team working modern" },
|
||||
{ type: "text", content: " elegant digital solutions." },
|
||||
]}
|
||||
buttons={[{ text: "Our Story", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -133,49 +80,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Secure Cloud",
|
||||
description: "Robust and secure cloud architecture.",
|
||||
icon: Shield,
|
||||
title: "Secure Cloud", description: "Robust and secure cloud architecture.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background-connecting-dots-digital-network-design_53876-160254.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-data-center-coding-laptop-optimizing-resource-utilization_482257-120596.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dj-is-mixer-station_53876-42738.jpg?_wi=2",
|
||||
imageAlt: "tech nodes connection",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background-connecting-dots-digital-network-design_53876-160254.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/engineer-data-center-coding-laptop-optimizing-resource-utilization_482257-120596.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Data Analytics",
|
||||
description: "Powerful insights from your raw data.",
|
||||
icon: Zap,
|
||||
title: "Data Analytics", description: "Powerful insights from your raw data.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/server-hub-manager-talking-with-programmer-using-node-tree-software_482257-126097.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2402.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-looking-company-charts_482257-124401.jpg?_wi=2",
|
||||
imageAlt: "tech nodes connection",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/server-hub-manager-talking-with-programmer-using-node-tree-software_482257-126097.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2402.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Seamless UI/UX",
|
||||
description: "Exceptional design for user satisfaction.",
|
||||
icon: Sparkles,
|
||||
title: "Seamless UI/UX", description: "Exceptional design for user satisfaction.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-tablet_23-2150201863.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-connecting-lines-dots_1048-7940.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-meeting-where-multicultural-partners-collaborate-through-video-call-applying-strategic_482257-132358.jpg",
|
||||
imageAlt: "tech nodes connection",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-tablet_23-2150201863.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-connecting-lines-dots_1048-7940.jpg" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Core Capabilities"
|
||||
@@ -190,60 +113,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "TechVision",
|
||||
name: "Analytics Pro",
|
||||
price: "$199",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-app-analytics-dashboard_23-2151957122.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "TechVision",
|
||||
name: "Cloud Gate",
|
||||
price: "$299",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-components_23-2149174373.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "TechVision",
|
||||
name: "Data Hub",
|
||||
price: "$399",
|
||||
rating: 4,
|
||||
reviewCount: "56",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-54998.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "TechVision",
|
||||
name: "UI Kit Master",
|
||||
price: "$99",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/location-map-direction-right-side_187299-45230.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "TechVision",
|
||||
name: "Security Suite",
|
||||
price: "$499",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/molecular-structure-chemistry-science-experiment-concept_53876-120325.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "TechVision",
|
||||
name: "System Sync",
|
||||
price: "$599",
|
||||
rating: 5,
|
||||
reviewCount: "78",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "TechVision", name: "Analytics Pro", price: "$199", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/mobile-app-analytics-dashboard_23-2151957122.jpg" },
|
||||
{ id: "p2", brand: "TechVision", name: "Cloud Gate", price: "$299", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-components_23-2149174373.jpg" },
|
||||
{ id: "p3", brand: "TechVision", name: "Data Hub", price: "$399", rating: 4, reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-54998.jpg" },
|
||||
]}
|
||||
title="Our Solutions"
|
||||
description="Ready-to-deploy software products."
|
||||
@@ -257,21 +129,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
description: "Active users globally",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Successful projects delivered",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
description: "Uptime reliability",
|
||||
},
|
||||
{ id: "m1", value: "10k+", description: "Active users globally" },
|
||||
{ id: "m2", value: "500+", description: "Successful projects delivered" },
|
||||
{ id: "m3", value: "99.9%", description: "Uptime reliability" },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Numbers speak for our quality."
|
||||
@@ -283,46 +143,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Exceptional",
|
||||
quote: "Top-tier delivery.",
|
||||
name: "Alex Smith",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-attractive-fashionable-young-businessman-with-trimmed-beard-trendy-hairstyle-posing-modern-cozy-interior-dressed-formal-stylish-suit_343059-1778.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Game Changer",
|
||||
quote: "Unmatched speed.",
|
||||
name: "Jane Doe",
|
||||
role: "CTO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-programmer-eyewear-headphones-working-office_1098-18834.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Quality",
|
||||
quote: "Fantastic service.",
|
||||
name: "Mike Ross",
|
||||
role: "Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582399.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Robust",
|
||||
quote: "Very satisfied.",
|
||||
name: "Sarah Lee",
|
||||
role: "Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Excellent",
|
||||
quote: "Highly recommended.",
|
||||
name: "David Chan",
|
||||
role: "Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-1886.jpg",
|
||||
},
|
||||
{ id: "1", title: "Exceptional", quote: "Top-tier delivery.", name: "Alex Smith", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-attractive-fashionable-young-businessman-with-trimmed-beard-trendy-hairstyle-posing-modern-cozy-interior-dressed-formal-stylish-suit_343059-1778.jpg" },
|
||||
{ id: "2", title: "Game Changer", quote: "Unmatched speed.", name: "Jane Doe", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/young-programmer-eyewear-headphones-working-office_1098-18834.jpg" },
|
||||
{ id: "3", title: "Quality", quote: "Fantastic service.", name: "Mike Ross", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582399.jpg" },
|
||||
]}
|
||||
title="Trusted by Leaders"
|
||||
description="What our clients say about us."
|
||||
@@ -332,16 +155,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to build the future with us? Reach out today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user