Merge version_1 into main #1
249
src/app/page.tsx
249
src/app/page.tsx
@@ -31,51 +31,24 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Pricing", id: "product" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Clarix Solutions"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Digital Excellence, Delivered."
|
||||
description="Clarix Solutions builds the bridge between your data and your growth. From advanced analytics dashboards to high-converting custom websites, we redefine digital potential."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-application-ui-pc-screen-showing-company-revenue_482257-119232.jpg",
|
||||
imageAlt: "tech dashboard ui dark",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139320.jpg",
|
||||
imageAlt: "web design concept modern",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-blue-hud-interface-global-concept_53876-15821.jpg",
|
||||
imageAlt: "digital innovation abstract",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169866.jpg",
|
||||
imageAlt: "tech dashboard ui dark",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hacker-with-stolen-data-ssd_482257-82196.jpg",
|
||||
imageAlt: "web design concept modern",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/financial-application-ui-pc-screen-showing-company-revenue_482257-119232.jpg", imageAlt: "tech dashboard ui dark" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139320.jpg", imageAlt: "web design concept modern" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/digital-blue-hud-interface-global-concept_53876-15821.jpg", imageAlt: "digital innovation abstract" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -85,15 +58,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Philosophy",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/male-female-graphic-designers-interacting-with-each-other_1170-2954.jpg",
|
||||
alt: "software developers team working",
|
||||
},
|
||||
{ type: "text", content: "Our Philosophy" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/male-female-graphic-designers-interacting-with-each-other_1170-2954.jpg", alt: "software developers team working" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,36 +70,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Analytics Dashboards",
|
||||
tags: [
|
||||
"Sales",
|
||||
"Inventory",
|
||||
],
|
||||
imageAlt: "Dashboard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-marketing-sales-dashboard-graphics-concept_53876-133831.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Custom Web Development",
|
||||
tags: [
|
||||
"Responsive",
|
||||
"Modern",
|
||||
],
|
||||
imageAlt: "Development",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/design-html-web-design-template-concept_53876-133658.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Integrated Solutions",
|
||||
tags: [
|
||||
"Combined",
|
||||
"Advanced",
|
||||
],
|
||||
imageAlt: "Integration",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/integrate-circuit-board-graphics-concept_53876-13716.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Analytics Dashboards", tags: ["Sales", "Inventory"], imageAlt: "Dashboard", imageSrc: "http://img.b2bpic.net/free-photo/customer-marketing-sales-dashboard-graphics-concept_53876-133831.jpg" },
|
||||
{ id: "f2", title: "Custom Web Development", tags: ["Responsive", "Modern"], imageAlt: "Development", imageSrc: "http://img.b2bpic.net/free-photo/design-html-web-design-template-concept_53876-133658.jpg" },
|
||||
{ id: "f3", title: "Integrated Solutions", tags: ["Combined", "Advanced"], imageAlt: "Integration", imageSrc: "http://img.b2bpic.net/free-photo/integrate-circuit-board-graphics-concept_53876-13716.jpg" },
|
||||
]}
|
||||
title="Core Services"
|
||||
description="Solutions designed to elevate your business operations and digital presence."
|
||||
@@ -147,54 +86,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Clarix",
|
||||
name: "BI Dashboard",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Clarix",
|
||||
name: "Web Core",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-employee-checking-digital-blue-prints-analysing-project-company-looking-laptop-sitting-desk-living-room-office-late-night-overtime-busy-african-freelancer-using-modern-technology_482257-13612.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Clarix",
|
||||
name: "Full Stack Integrator",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-optical-fiber-details_23-2149212571.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Clarix",
|
||||
name: "Rapid Start",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345425.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Clarix",
|
||||
name: "Analytics Pro",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/networking-scheme-isometric-data-exchange-transfer-data-from-computer-server_39422-892.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Clarix",
|
||||
name: "Growth Partner",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139166.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Clarix", name: "BI Dashboard", price: "Custom", rating: 5, reviewCount: "48", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg" },
|
||||
{ id: "p2", brand: "Clarix", name: "Web Core", price: "Custom", rating: 5, reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/black-employee-checking-digital-blue-prints-analysing-project-company-looking-laptop-sitting-desk-living-room-office-late-night-overtime-busy-african-freelancer-using-modern-technology_482257-13612.jpg" },
|
||||
{ id: "p3", brand: "Clarix", name: "Full Stack Integrator", price: "Custom", rating: 5, reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-optical-fiber-details_23-2149212571.jpg" },
|
||||
{ id: "p4", brand: "Clarix", name: "Rapid Start", price: "Custom", rating: 5, reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345425.jpg" },
|
||||
{ id: "p5", brand: "Clarix", name: "Analytics Pro", price: "Custom", rating: 5, reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-vector/networking-scheme-isometric-data-exchange-transfer-data-from-computer-server_39422-892.jpg" },
|
||||
{ id: "p6", brand: "Clarix", name: "Growth Partner", price: "Custom", rating: 5, reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139166.jpg" },
|
||||
]}
|
||||
title="Service Packages"
|
||||
description="Standardized excellence to get your business moving."
|
||||
@@ -208,21 +105,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "200+",
|
||||
description: "Projects Delivered",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50%",
|
||||
description: "Client Revenue Growth",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
description: "System Uptime",
|
||||
},
|
||||
{ id: "m1", value: "200+", description: "Projects Delivered" },
|
||||
{ id: "m2", value: "50%", description: "Client Revenue Growth" },
|
||||
{ id: "m3", value: "99.9%", description: "System Uptime" },
|
||||
]}
|
||||
title="Measured Impact"
|
||||
description="We let the numbers define our success and yours."
|
||||
@@ -235,60 +120,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Johnson",
|
||||
role: "CEO",
|
||||
company: "Retail Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-multinational-busy-people-working-office_146671-15667.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob Smith",
|
||||
role: "CTO",
|
||||
company: "Dev Solutions",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/administrator-with-impairment-meeting-with-his-diverse-employees-group_482257-116614.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Charlie Day",
|
||||
role: "Head of Ops",
|
||||
company: "Logistics Co",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-plant-shareholders-talking-about-business-growth_482257-119822.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Diana Prince",
|
||||
role: "Founder",
|
||||
company: "StartUp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-female-graphic-designers-using-graphics-tablet_1170-2948.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Evan Wright",
|
||||
role: "Product Mgr",
|
||||
company: "Innovate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alice Johnson", role: "CEO", company: "Retail Hub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-multinational-busy-people-working-office_146671-15667.jpg" },
|
||||
{ id: "t2", name: "Bob Smith", role: "CTO", company: "Dev Solutions", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/administrator-with-impairment-meeting-with-his-diverse-employees-group_482257-116614.jpg" },
|
||||
{ id: "t3", name: "Charlie Day", role: "Head of Ops", company: "Logistics Co", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-plant-shareholders-talking-about-business-growth_482257-119822.jpg" },
|
||||
{ id: "t4", name: "Diana Prince", role: "Founder", company: "StartUp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-female-graphic-designers-using-graphics-tablet_1170-2948.jpg" },
|
||||
{ id: "t5", name: "Evan Wright", role: "Product Mgr", company: "Innovate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "10/10",
|
||||
label: "Client Retention",
|
||||
},
|
||||
{
|
||||
value: "5x",
|
||||
label: "Speed to Market",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Support",
|
||||
},
|
||||
{ value: "10/10", label: "Client Retention" },
|
||||
{ value: "5x", label: "Speed to Market" },
|
||||
{ value: "24/7", label: "Support" },
|
||||
]}
|
||||
title="Client Voices"
|
||||
description="What our partners say about the Clarix experience."
|
||||
@@ -300,21 +141,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I get started?",
|
||||
content: "Book a discovery call through our contact section.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you support all industries?",
|
||||
content: "Yes, we specialize in custom integrations for various sectors.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What is the timeline?",
|
||||
content: "Timelines are project-dependent but we emphasize rapid deployment.",
|
||||
},
|
||||
{ id: "q1", title: "How do I get started?", content: "Book a discovery call through our contact section." },
|
||||
{ id: "q2", title: "Do you support all industries?", content: "Yes, we specialize in custom integrations for various sectors." },
|
||||
{ id: "q3", title: "What is the timeline?", content: "Timelines are project-dependent but we emphasize rapid deployment." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-holding-help-sign-while-he-is-tied-up-with-chains_23-2148397733.jpg"
|
||||
title="Frequently Asked"
|
||||
@@ -330,16 +159,8 @@ export default function LandingPage() {
|
||||
title="Start Your Project"
|
||||
description="Ready to scale? Drop us a line below."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-company-meeting-room-with-papers-business-office-workstation-filled-with-important-annual-documents-used-corporate-job-startup-workspace-with-executive-projects_482257-61665.jpg"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user