diff --git a/src/app/page.tsx b/src/app/page.tsx index 5ea0c89..69618d8 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,25 +33,15 @@ export default function LandingPage() { @@ -60,93 +50,52 @@ export default function LandingPage() {
@@ -159,17 +108,11 @@ export default function LandingPage() { description="We combine rigorous development standards with intuitive marketing strategies to ensure your business doesn't just launch, but succeeds in competitive markets." bulletPoints={[ { - title: "Custom Development", - description: "High-performance web apps built for scale.", - }, + title: "Custom Development", description: "High-performance web apps built for scale."}, { - title: "Conversion Marketing", - description: "Data-backed campaigns focused on growth.", - }, + title: "Conversion Marketing", description: "Data-backed campaigns focused on growth."}, { - title: "Strategic SEO", - description: "Climb rankings with optimized architecture.", - }, + title: "Strategic SEO", description: "Climb rankings with optimized architecture."}, ]} imageSrc="http://img.b2bpic.net/free-photo/man-doing-it-support-job-from-home-walking-around-personal-office-with-laptop_482257-92977.jpg" mediaAnimation="blur-reveal" @@ -184,20 +127,11 @@ export default function LandingPage() { description="From frontend performance to backend scalability, we ensure every interaction works for your goals." accordionItems={[ { - id: "1", - title: "Responsive Design", - content: "Mobile-first layouts ensuring a perfect experience on every device.", - }, + id: "1", title: "Responsive Design", content: "Mobile-first layouts ensuring a perfect experience on every device."}, { - id: "2", - title: "Analytics Integration", - content: "Full tracking of every user click and conversion point.", - }, + id: "2", title: "Analytics Integration", content: "Full tracking of every user click and conversion point."}, { - id: "3", - title: "SEO Optimized", - content: "Building architecture that search engines prioritize and users find easily.", - }, + id: "3", title: "SEO Optimized", content: "Building architecture that search engines prioritize and users find easily."}, ]} imageSrc="http://img.b2bpic.net/free-vector/futuristic-modern-web-fiber-cable-background-wavy-style-vector_1017-48463.jpg" mediaAnimation="slide-up" @@ -213,25 +147,13 @@ export default function LandingPage() { useInvertedBackground={false} metrics={[ { - id: "1", - value: "150%", - title: "Average Traffic Increase", - description: "Year-over-year growth across clients.", - icon: TrendingUp, + id: "1", value: "150%", title: "Average Traffic Increase", description: "Year-over-year growth across clients.", icon: TrendingUp, }, { - id: "2", - value: "45%", - title: "Conversion Uplift", - description: "Improved checkout performance.", - icon: MousePointer, + id: "2", value: "45%", title: "Conversion Uplift", description: "Improved checkout performance.", icon: MousePointer, }, { - id: "3", - value: "200+", - title: "Projects Delivered", - description: "Scaling products globally.", - icon: Rocket, + id: "3", value: "200+", title: "Projects Delivered", description: "Scaling products globally.", icon: Rocket, }, ]} title="Data That Drives Growth" @@ -244,14 +166,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} names={[ - "Alpha Corp", - "Beta Tech", - "Gamma Ventures", - "Delta Analytics", - "Epsilon Systems", - "Zeta Growth", - "Theta Media", - ]} + "Alpha Corp", "Beta Tech", "Gamma Ventures", "Delta Analytics", "Epsilon Systems", "Zeta Growth", "Theta Media"]} title="Trusted by Leading Brands" description="We are proud partners with industry leaders across tech, finance, and lifestyle sectors." /> @@ -263,45 +178,15 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - title: "Excellent Service", - quote: "Apex Digital changed how we look at online acquisition.", - name: "Sarah Miller", - role: "CEO", - imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg", - }, + id: "1", title: "Excellent Service", quote: "Apex Digital changed how we look at online acquisition.", name: "Sarah Miller", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg"}, { - id: "2", - title: "Data Driven", - quote: "The metrics speak for themselves. We are growing fast.", - name: "James Chen", - role: "CMO", - imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-business-coach-posing-training-room_74855-3026.jpg", - }, + id: "2", title: "Data Driven", quote: "The metrics speak for themselves. We are growing fast.", name: "James Chen", role: "CMO", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-business-coach-posing-training-room_74855-3026.jpg"}, { - id: "3", - title: "Creative Team", - quote: "Their design process is collaborative and insightful.", - name: "Elena Rossi", - role: "Product Lead", - imageSrc: "http://img.b2bpic.net/free-photo/pensive-tailor-sitting-table-with-hand-chin-sewing-workshop_613910-5306.jpg", - }, + id: "3", title: "Creative Team", quote: "Their design process is collaborative and insightful.", name: "Elena Rossi", role: "Product Lead", imageSrc: "http://img.b2bpic.net/free-photo/pensive-tailor-sitting-table-with-hand-chin-sewing-workshop_613910-5306.jpg"}, { - id: "4", - title: "Scalable Code", - quote: "Reliable and high-quality development every time.", - name: "Marcus Thorne", - role: "CTO", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg", - }, + id: "4", title: "Scalable Code", quote: "Reliable and high-quality development every time.", name: "Marcus Thorne", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg"}, { - id: "5", - title: "Best ROI", - quote: "Professional marketing strategies that show results.", - name: "Jessica Lee", - role: "Director", - imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-holding-coffee-cup-looking-away-with-laptop-table_23-2147859788.jpg", - }, + id: "5", title: "Best ROI", quote: "Professional marketing strategies that show results.", name: "Jessica Lee", role: "Director", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-holding-coffee-cup-looking-away-with-laptop-table_23-2147859788.jpg"}, ]} title="Client Success Stories" description="Don't just take our word for it. Hear from our partners about the impact we've made." @@ -313,20 +198,11 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "q1", - title: "What is your typical project timeline?", - content: "Projects usually range from 4 to 12 weeks depending on complexity.", - }, + id: "q1", title: "What is your typical project timeline?", content: "Projects usually range from 4 to 12 weeks depending on complexity."}, { - id: "q2", - title: "Do you offer marketing support?", - content: "Yes, we provide end-to-end management, SEO, and paid media.", - }, + id: "q2", title: "Do you offer marketing support?", content: "Yes, we provide end-to-end management, SEO, and paid media."}, { - id: "q3", - title: "Can you handle existing projects?", - content: "We offer code auditing and optimization services for current sites.", - }, + id: "q3", title: "Can you handle existing projects?", content: "We offer code auditing and optimization services for current sites."}, ]} sideTitle="Common Questions" sideDescription="Everything you need to know about our process, pricing, and project timelines." @@ -338,16 +214,13 @@ export default function LandingPage() { @@ -356,42 +229,27 @@ export default function LandingPage() { ); -} +} \ No newline at end of file diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index b483a57..ac9a5af 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #000000; - --card: #0c0c0c; - --foreground: #ffffff; - --primary-cta: #cee7ff; + --background: #000814; + --card: #00122e; + --foreground: #f0f8ff; + --primary-cta: #1e40af; --primary-cta-text: #000000; - --secondary-cta: #000000; + --secondary-cta: #001d4a; --secondary-cta-text: #ffffff; - --accent: #535353; - --background-accent: #CEE7FF; + --accent: #3b82f6; + --background-accent: #1e3a8a; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);