bender/6165fae9-d5f9-45df-8177-990411a495bd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-03-28 10:19:02 +00:00
Conversation 0 Commits 2 Files Changed 2 +52 -149
2 changed files with 52 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files

187
src/app/page.tsx
View File

@@ -7,7 +7,7 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
export default function LandingPage() {
@@ -29,17 +29,11 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
name: "Home", id: "/"},
{
name: "About Us",
id: "/about",
},
name: "About Us", id: "/about"},
{
name: "Contact Us",
id: "/contact",
},
name: "Contact Us", id: "/contact"},
]}
brandName="Codixa Technology"
/>
@@ -48,19 +42,14 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Architecting Digital Excellence."
description="Codixa Technology delivers sophisticated software solutions, custom web experiences, and scalable infrastructure designed to empower the modern enterprise."
buttons={[
{
text: "Get Started",
href: "/contact",
},
text: "Get Started", href: "/contact"},
{
text: "View Services",
href: "#services",
},
text: "View Services", href: "#services"},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZOE7uH8i74CD5HXuM7qMj5Kus/abstract-modern-high-tech-background-wit-1774693068016-49b21fc7.png"
imageAlt="Abstract tech background"
@@ -75,42 +64,24 @@ export default function LandingPage() {
features={[
{
id: 1,
title: "Web Development",
description: "Scalable web applications built for performance.",
phoneOne: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZOE7uH8i74CD5HXuM7qMj5Kus/professional-web-development-icon-or-abs-1774693065359-0fe18d4b.png?_wi=1",
imageAlt: "Dev",
},
title: "Web Development", description: "Scalable web applications built for performance.", phoneOne: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZOE7uH8i74CD5HXuM7qMj5Kus/professional-web-development-icon-or-abs-1774693065359-0fe18d4b.png?_wi=1", imageAlt: "Dev"},
phoneTwo: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZOE7uH8i74CD5HXuM7qMj5Kus/professional-web-development-icon-or-abs-1774693065359-0fe18d4b.png?_wi=2",
imageAlt: "Dev",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZOE7uH8i74CD5HXuM7qMj5Kus/professional-web-development-icon-or-abs-1774693065359-0fe18d4b.png?_wi=2", imageAlt: "Dev"},
},
{
id: 2,
title: "UI/UX Design",
description: "Intuitive experiences that users love.",
phoneOne: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZOE7uH8i74CD5HXuM7qMj5Kus/modern-business-website-ui-design-interf-1774693067915-27a0ee15.png?_wi=1",
imageAlt: "Design",
},
title: "UI/UX Design", description: "Intuitive experiences that users love.", phoneOne: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZOE7uH8i74CD5HXuM7qMj5Kus/modern-business-website-ui-design-interf-1774693067915-27a0ee15.png?_wi=1", imageAlt: "Design"},
phoneTwo: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZOE7uH8i74CD5HXuM7qMj5Kus/modern-business-website-ui-design-interf-1774693067915-27a0ee15.png?_wi=2",
imageAlt: "Design",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZOE7uH8i74CD5HXuM7qMj5Kus/modern-business-website-ui-design-interf-1774693067915-27a0ee15.png?_wi=2", imageAlt: "Design"},
},
{
id: 3,
title: "Custom Software",
description: "Bespoke solutions for complex business problems.",
phoneOne: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZOE7uH8i74CD5HXuM7qMj5Kus/professional-web-development-icon-or-abs-1774693065359-0fe18d4b.png?_wi=3",
imageAlt: "Code",
},
title: "Custom Software", description: "Bespoke solutions for complex business problems.", phoneOne: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZOE7uH8i74CD5HXuM7qMj5Kus/professional-web-development-icon-or-abs-1774693065359-0fe18d4b.png?_wi=3", imageAlt: "Code"},
phoneTwo: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZOE7uH8i74CD5HXuM7qMj5Kus/professional-web-development-icon-or-abs-1774693065359-0fe18d4b.png?_wi=4",
imageAlt: "Code",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZOE7uH8i74CD5HXuM7qMj5Kus/professional-web-development-icon-or-abs-1774693065359-0fe18d4b.png?_wi=4", imageAlt: "Code"},
},
]}
showStepNumbers={false}
@@ -126,40 +97,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Alice Wang",
handle: "CEO, TechInnovate",
testimonial: "Exceptional team, professional code, and rapid delivery.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZOE7uH8i74CD5HXuM7qMj5Kus/high-quality-corporate-headshot-of-a-pro-1774693065795-ac53ec24.png?_wi=1",
},
id: "1", name: "Alice Wang", handle: "CEO, TechInnovate", testimonial: "Exceptional team, professional code, and rapid delivery.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZOE7uH8i74CD5HXuM7qMj5Kus/high-quality-corporate-headshot-of-a-pro-1774693065795-ac53ec24.png?_wi=1"},
{
id: "2",
name: "Mark Miller",
handle: "CTO, DataCorp",
testimonial: "Codixa transformed our digital infrastructure with ease.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZOE7uH8i74CD5HXuM7qMj5Kus/high-quality-corporate-headshot-of-a-pro-1774693065821-5737e344.png",
},
id: "2", name: "Mark Miller", handle: "CTO, DataCorp", testimonial: "Codixa transformed our digital infrastructure with ease.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZOE7uH8i74CD5HXuM7qMj5Kus/high-quality-corporate-headshot-of-a-pro-1774693065821-5737e344.png"},
{
id: "3",
name: "Sarah Chen",
handle: "Director, Growth",
testimonial: "The design quality and attention to detail are elite.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZOE7uH8i74CD5HXuM7qMj5Kus/high-quality-corporate-headshot-of-a-fri-1774693065611-7d6579ae.png",
},
id: "3", name: "Sarah Chen", handle: "Director, Growth", testimonial: "The design quality and attention to detail are elite.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZOE7uH8i74CD5HXuM7qMj5Kus/high-quality-corporate-headshot-of-a-fri-1774693065611-7d6579ae.png"},
{
id: "4",
name: "David Ross",
handle: "Founder, StartupXYZ",
testimonial: "Best partner we could have chosen for our platform.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZOE7uH8i74CD5HXuM7qMj5Kus/high-quality-corporate-headshot-of-an-ex-1774693065871-35245503.png",
},
id: "4", name: "David Ross", handle: "Founder, StartupXYZ", testimonial: "Best partner we could have chosen for our platform.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZOE7uH8i74CD5HXuM7qMj5Kus/high-quality-corporate-headshot-of-an-ex-1774693065871-35245503.png"},
{
id: "5",
name: "Elena Rodriguez",
handle: "VP Product, CloudNet",
testimonial: "Their technical prowess is matched only by their strategic vision.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZOE7uH8i74CD5HXuM7qMj5Kus/high-quality-corporate-headshot-of-a-pro-1774693065795-ac53ec24.png?_wi=2",
},
id: "5", name: "Elena Rodriguez", handle: "VP Product, CloudNet", testimonial: "Their technical prowess is matched only by their strategic vision.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZOE7uH8i74CD5HXuM7qMj5Kus/high-quality-corporate-headshot-of-a-pro-1774693065795-ac53ec24.png?_wi=2"},
]}
title="Trusted by Leaders"
description="See why top companies partner with Codixa."
@@ -174,71 +120,38 @@ export default function LandingPage() {
metricsAnimation="slide-up"
metrics={[
{
id: "m1",
value: "150+",
description: "Projects Delivered",
},
id: "m1", value: "150+", description: "Projects Delivered"},
{
id: "m2",
value: "99.9%",
description: "System Uptime",
},
id: "m2", value: "99.9%", description: "System Uptime"},
{
id: "m3",
value: "50+",
description: "Global Clients",
},
id: "m3", value: "50+", description: "Global Clients"},
{
id: "m4",
value: "10y",
description: "Industry Experience",
},
id: "m4", value: "10y", description: "Industry Experience"},
]}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
animationType="slide-up"
<PricingCardFive
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={false}
title="Scalable Engagement Models"
description="Transparent pricing to suit your business stage."
description="Transparent, high-conversion pricing packages tailored to your business stage."
plans={[
{
id: "starter",
badge: "Core",
price: "$5,000",
subtitle: "For early-stage startups needing a solid foundation.",
buttons: [
{
text: "Contact Us",
href: "/contact",
},
],
features: [
"Basic Web Presence",
"UI/UX Audit",
"Standard Support",
],
id: "starter", tag: "Core", price: "$5,000", period: "/ project", description: "For early-stage startups needing a solid digital foundation.", button: {
text: "Get Started", href: "/contact"},
featuresTitle: "What's Included", features: [
"Responsive Web Presence", "UI/UX Audit", "Standard Maintenance"
]
},
{
id: "enterprise",
badge: "Scale",
price: "Custom",
subtitle: "Full-scale engineering for complex enterprise requirements.",
buttons: [
{
text: "Get Consultation",
href: "/contact",
},
],
features: [
"Dedicated Team",
"24/7 Monitoring",
"Advanced Security",
"Cloud Strategy",
],
id: "enterprise", tag: "Scale", price: "Custom", period: "/ month", description: "Comprehensive engineering for complex enterprise requirements.", button: {
text: "Contact Us", href: "/contact"},
featuresTitle: "Enterprise Benefits", features: [
"Dedicated Engineering Team", "24/7 System Monitoring", "Advanced Security Protocols", "Infrastructure Optimization"
]
},
]}
/>
@@ -248,29 +161,19 @@ export default function LandingPage() {
<FooterBaseReveal
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About",
href: "/about",
},
label: "About", href: "/about"},
{
label: "Contact",
href: "/contact",
},
label: "Contact", href: "/contact"},
],
},
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Web Development",
href: "#services",
},
label: "Web Development", href: "#services"},
{
label: "Design",
href: "#services",
},
label: "Design", href: "#services"},
],
},
]}
@@ -280,4 +183,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #F7F8F0;
--card: #ffffff;
--foreground: #355872;
--primary-cta: #355872;
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000612e6;
--primary-cta: #15479c;
--primary-cta-text: #ffffff;
--secondary-cta: #7AAACE;
--secondary-cta: #f9f9f9;
--secondary-cta-text: #ffffff;
--accent: #9CD5FF;
--background-accent: #e8ebe2;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);