From 693ec5e83ab3638be13a99280ef477327ead5a5c Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 3 Apr 2026 14:14:45 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 354 +++++++++-------------------------------------- 1 file changed, 69 insertions(+), 285 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index bb677a1..8608de0 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -12,7 +12,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne'; import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; import TeamCardFive from '@/components/sections/team/TeamCardFive'; import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen'; -import { Award, Code, Heart, Sparkles, Zap } from "lucide-react"; +import { ArrowRight, Award, Code, Heart, Sparkles, Zap } from "lucide-react"; export default function LandingPage() { return ( @@ -24,7 +24,7 @@ export default function LandingPage() { sizing="medium" background="none" cardStyle="glass-elevated" - primaryButtonStyle="metallic" + primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="medium" > @@ -33,21 +33,13 @@ export default function LandingPage() { @@ -56,116 +48,43 @@ export default function LandingPage() {
@@ -177,38 +96,17 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - title: "Bespoke Web Design", - description: "High-conversion, stunning interfaces.", - bentoComponent: "media-stack", - items: [ - { - imageSrc: "http://img.b2bpic.net/free-vector/gradient-electronics-logo-collection_23-2148965878.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/filter-icon-front-side_187299-45145.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-vector/illustration-cloud-storage_53876-5624.jpg", - }, + title: "Bespoke Web Design", description: "High-conversion, stunning interfaces.", bentoComponent: "media-stack", items: [ + { imageSrc: "http://img.b2bpic.net/free-vector/gradient-electronics-logo-collection_23-2148965878.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/filter-icon-front-side_187299-45145.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-vector/illustration-cloud-storage_53876-5624.jpg" }, ], - imageSrc: "http://img.b2bpic.net/free-photo/freelancer-home-wearing-vr-goggles-using-augmented-reality-visualize-final-result-after-working-machinery-construction-using-cad-engineering-software-computer-developing-engine-product_482257-67895.jpg?_wi=3", - imageAlt: "web design agency background dark", }, { - title: "Product Strategy", - description: "Defining your digital roadmap.", - bentoComponent: "reveal-icon", - icon: Sparkles, - imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345423.jpg?_wi=3", - imageAlt: "futuristic dashboard interface dark", + title: "Product Strategy", description: "Defining your digital roadmap.", bentoComponent: "reveal-icon", icon: Sparkles, }, { - title: "Software Engineering", - description: "Robust, scalable infrastructure.", - bentoComponent: "reveal-icon", - icon: Code, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-adult-male-working-from-home-night_23-2148499673.jpg?_wi=3", - imageAlt: "creative agency workspace dark", + title: "Software Engineering", description: "Robust, scalable infrastructure.", bentoComponent: "reveal-icon", icon: Code, }, ]} title="Digital Transformation Services" @@ -221,24 +119,9 @@ export default function LandingPage() { textboxLayout="split" useInvertedBackground={false} features={[ - { - title: "Fintech UI", - description: "Modern banking interfaces.", - imageSrc: "http://img.b2bpic.net/free-photo/stationery-concept_23-2147800658.jpg", - buttonIcon: "ArrowRight", - }, - { - title: "SaaS Platform", - description: "B2B analytics ecosystem.", - imageSrc: "http://img.b2bpic.net/free-photo/african-american-pregnant-businesswoman-coworker-looking-company-accounting-documentation-marketing-agency-desk-with-isolated-background-mockup-template-computer_482257-40078.jpg", - buttonIcon: "ArrowRight", - }, - { - title: "Agency Portfolio", - description: "Creative visual showcase.", - imageSrc: "http://img.b2bpic.net/free-photo/army-soldier-reviews-targets-satellite-world-map-ensure-global-protection_482257-91236.jpg", - buttonIcon: "ArrowRight", - }, + { title: "Fintech UI", description: "Modern banking interfaces.", imageSrc: "http://img.b2bpic.net/free-photo/stationery-concept_23-2147800658.jpg", buttonIcon: ArrowRight }, + { title: "SaaS Platform", description: "B2B analytics ecosystem.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-pregnant-businesswoman-coworker-looking-company-accounting-documentation-marketing-agency-desk-with-isolated-background-mockup-template-computer_482257-40078.jpg", buttonIcon: ArrowRight }, + { title: "Agency Portfolio", description: "Creative visual showcase.", imageSrc: "http://img.b2bpic.net/free-photo/army-soldier-reviews-targets-satellite-world-map-ensure-global-protection_482257-91236.jpg", buttonIcon: ArrowRight }, ]} title="Portfolio Highlights" description="Selected works demonstrating our commitment to quality and innovation." @@ -252,26 +135,11 @@ export default function LandingPage() { rating={5} author="Sarah Chen, CEO at InnovateLab" avatars={[ - { - src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", - alt: "Sarah Chen", - }, - { - src: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", - alt: "John Doe", - }, - { - src: "http://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg", - alt: "Jane Smith", - }, - { - src: "http://img.b2bpic.net/free-photo/woman-portrait_1296-429.jpg", - alt: "Alex Lee", - }, - { - src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", - alt: "Sam Ray", - }, + { src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", alt: "Sarah Chen" }, + { src: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", alt: "John Doe" }, + { src: "http://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg", alt: "Jane Smith" }, + { src: "http://img.b2bpic.net/free-photo/woman-portrait_1296-429.jpg", alt: "Alex Lee" }, + { src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", alt: "Sam Ray" }, ]} ratingAnimation="blur-reveal" avatarsAnimation="blur-reveal" @@ -285,27 +153,9 @@ export default function LandingPage() { gridVariant="bento-grid" useInvertedBackground={false} metrics={[ - { - id: "1", - value: "150+", - title: "Projects Completed", - description: "Successful deployments", - icon: Award, - }, - { - id: "2", - value: "45%", - title: "Avg. Performance Gain", - description: "In site load speed", - icon: Zap, - }, - { - id: "3", - value: "98%", - title: "Client Retention", - description: "Year-over-year satisfaction", - icon: Heart, - }, + { id: "1", value: "150+", title: "Projects Completed", description: "Successful deployments", icon: Award }, + { id: "2", value: "45%", title: "Avg. Performance Gain", description: "In site load speed", icon: Zap }, + { id: "3", value: "98%", title: "Client Retention", description: "Year-over-year satisfaction", icon: Heart }, ]} title="Impact In Numbers" description="Evidence-backed results for our global partners." @@ -318,30 +168,10 @@ export default function LandingPage() { textboxLayout="split" useInvertedBackground={true} team={[ - { - id: "m1", - name: "Jane Doe", - role: "Creative Director", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_23-2148452664.jpg", - }, - { - id: "m2", - name: "John Smith", - role: "Lead Engineer", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-middle-aged-man-with-beard-hairstyle-dressed-elegant-formal-suit-textured-dark-background-studio_613910-19887.jpg", - }, - { - id: "m3", - name: "Sam Lee", - role: "Senior UI Designer", - imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg", - }, - { - id: "m4", - name: "Alex Wong", - role: "Product Manager", - imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-coffee-while-working_23-2149330970.jpg", - }, + { id: "m1", name: "Jane Doe", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_23-2148452664.jpg" }, + { id: "m2", name: "John Smith", role: "Lead Engineer", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-middle-aged-man-with-beard-hairstyle-dressed-elegant-formal-suit-textured-dark-background-studio_613910-19887.jpg" }, + { id: "m3", name: "Sam Lee", role: "Senior UI Designer", imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg" }, + { id: "m4", name: "Alex Wong", role: "Product Manager", imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-coffee-while-working_23-2149330970.jpg" }, ]} title="The Creative Minds" description="Our team combines technical expertise with creative vision." @@ -353,21 +183,9 @@ export default function LandingPage() { textboxLayout="split" useInvertedBackground={false} faqs={[ - { - id: "q1", - title: "What is your typical project timeline?", - content: "Most design-focused projects span 4-8 weeks.", - }, - { - id: "q2", - title: "Do you offer post-launch support?", - content: "Yes, we provide ongoing maintenance and performance optimization packages.", - }, - { - id: "q3", - title: "Can you integrate with existing systems?", - content: "Absolutely. We specialize in API integrations and modular backend architectures.", - }, + { id: "q1", title: "What is your typical project timeline?", content: "Most design-focused projects span 4-8 weeks." }, + { id: "q2", title: "Do you offer post-launch support?", content: "Yes, we provide ongoing maintenance and performance optimization packages." }, + { id: "q3", title: "Can you integrate with existing systems?", content: "Absolutely. We specialize in API integrations and modular backend architectures." }, ]} title="Common Questions" description="Everything you need to know about partnering with us." @@ -379,16 +197,12 @@ export default function LandingPage() { @@ -397,54 +211,24 @@ export default function LandingPage() {