diff --git a/src/app/page.tsx b/src/app/page.tsx index 671c711..78536be 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -49,6 +49,8 @@ export default function LandingPage() { { text: "Learn More", href: "#about" } ]} background={{ variant: "gradient-bars" }} + imageSrc="https://img.b2bpic.net/free-photo/transportation-logistics-concept_23-2149112214.jpg" + imageAlt="Secure Logistics Infrastructure" mediaAnimation="slide-up" /> @@ -80,8 +82,8 @@ export default function LandingPage() { reverse: false }, { - title: "Data Privacy", description: "Encryption-first approach.", media: { imageSrc: "https://img.b2bpic.net/free-photo/data-privacy-security-concept-with-encryption_23-2149112214.jpg", imageAlt: "Data Privacy" }, - items: [{ icon: Lock, text: "End-to-End Encryption" }, { icon: ShieldCheck, text: "GDPR Compliant" }], + title: "Secure Transport Analytics", description: "Real-time monitoring for logistics flow.", media: { imageSrc: "https://img.b2bpic.net/free-photo/delivery-truck-logistics_23-2149112214.jpg", imageAlt: "Transport Analytics" }, + items: [{ icon: Lock, text: "Real-time Tracking" }, { icon: ShieldCheck, text: "Automated Reporting" }], reverse: true } ]} @@ -91,14 +93,14 @@ export default function LandingPage() {
@@ -106,7 +108,7 @@ export default function LandingPage() {
@@ -145,7 +147,7 @@ export default function LandingPage() { diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index 47bbc8e..48227d4 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #0a0a0a; - --card: #1a1a1a; - --foreground: #f0f8ffe6; - --primary-cta: #cee7ff; + --background: #f5faff; + --card: #f1f8ff; + --foreground: #001122; + --primary-cta: #15479c; --primary-cta-text: #0a0a0a; - --secondary-cta: #1a1a1a; + --secondary-cta: #ffffff; --secondary-cta-text: #f0f8ffe6; - --accent: #737373; - --background-accent: #737373; + --accent: #a8cce8; + --background-accent: #7ba3cf; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);