From 9d67891e224f5ed7a4c85a0392b35df9b7ac83e6 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 11 Jun 2026 10:48:37 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 270 ++++++++++------------------------------------- 1 file changed, 53 insertions(+), 217 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 8965549..43674ca 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -34,33 +34,19 @@ export default function LandingPage() { @@ -69,44 +55,23 @@ export default function LandingPage() {
@@ -133,28 +95,13 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - title: "Branding & Identity", - description: "Crafting unique visual identities that tell your brand's story.", - bentoComponent: "reveal-icon", - icon: Feather, - imageSrc: "http://img.b2bpic.net/free-vector/black-yellow-corporate-branding-set_1057-748.jpg", - imageAlt: "brand identity icon logo", + title: "Branding & Identity", description: "Crafting unique visual identities that tell your brand's story.", bentoComponent: "reveal-icon", icon: Feather, }, { - title: "UI/UX Design", - description: "Designing intuitive and delightful user experiences for all platforms.", - bentoComponent: "reveal-icon", - icon: Layout, - imageSrc: "http://img.b2bpic.net/free-photo/empty-chair-front-computer-desktop_23-2147836931.jpg?_wi=2", - imageAlt: "brand identity icon logo", + title: "UI/UX Design", description: "Designing intuitive and delightful user experiences for all platforms.", bentoComponent: "reveal-icon", icon: Layout, }, { - title: "Web & Mobile Development", - description: "Bringing designs to life with robust and responsive web and mobile solutions.", - bentoComponent: "reveal-icon", - icon: Code, - imageSrc: "http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-new-ideas-office_176420-1712.jpg?_wi=2", - imageAlt: "brand identity icon logo", + title: "Web & Mobile Development", description: "Bringing designs to life with robust and responsive web and mobile solutions.", bentoComponent: "reveal-icon", icon: Code, }, ]} title="Our Creative Design Services" @@ -170,47 +117,17 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "p1", - name: "Website Redesign: Tech Innovations", - price: "View Project", - imageSrc: "http://img.b2bpic.net/free-photo/design-html-web-design-template-concept_53876-133658.jpg", - imageAlt: "Modern website landing page design", - }, + id: "p1", name: "Website Redesign: Tech Innovations", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/design-html-web-design-template-concept_53876-133658.jpg", imageAlt: "Modern website landing page design"}, { - id: "p2", - name: "Mobile App UI: Fitness Tracker", - price: "View Project", - imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-taking-notes-office_23-2149749916.jpg", - imageAlt: "Mobile app UI design for a fitness tracker", - }, + id: "p2", name: "Mobile App UI: Fitness Tracker", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-taking-notes-office_23-2149749916.jpg", imageAlt: "Mobile app UI design for a fitness tracker"}, { - id: "p3", - name: "Brand Identity: Organic Cafe", - price: "View Project", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5c2w5f", - imageAlt: "Minimalist brand logo and identity for an organic cafe", - }, + id: "p3", name: "Brand Identity: Organic Cafe", price: "View Project", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5c2w5f", imageAlt: "Minimalist brand logo and identity for an organic cafe"}, { - id: "p4", - name: "Packaging Design: Artisan Coffee", - price: "View Project", - imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232231.jpg", - imageAlt: "Elegant packaging design for artisan coffee", - }, + id: "p4", name: "Packaging Design: Artisan Coffee", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232231.jpg", imageAlt: "Elegant packaging design for artisan coffee"}, { - id: "p5", - name: "Digital Illustration: Storybook Series", - price: "View Project", - imageSrc: "http://img.b2bpic.net/free-photo/domestic-life-illustrated_23-2151876289.jpg", - imageAlt: "Vibrant digital illustration for a children's storybook", - }, + id: "p5", name: "Digital Illustration: Storybook Series", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/domestic-life-illustrated_23-2151876289.jpg", imageAlt: "Vibrant digital illustration for a children's storybook"}, { - id: "p6", - name: "Editorial Layout: Design Magazine", - price: "View Project", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=roqvdo", - imageAlt: "Modern editorial layout for a design magazine", - }, + id: "p6", name: "Editorial Layout: Design Magazine", price: "View Project", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=roqvdo", imageAlt: "Modern editorial layout for a design magazine"}, ]} title="Our Recent Design Projects" description="A showcase of our diverse portfolio, demonstrating creativity, technical skill, and successful client collaborations across various industries." @@ -225,32 +142,16 @@ export default function LandingPage() { useInvertedBackground={true} metrics={[ { - id: "m1", - value: "98%", - title: "Client Satisfaction", - description: "Delivering projects that exceed expectations.", - icon: Smile, + id: "m1", value: "98%", title: "Client Satisfaction", description: "Delivering projects that exceed expectations.", icon: Smile, }, { - id: "m2", - value: "500+", - title: "Projects Completed", - description: "A vast portfolio of successful design initiatives.", - icon: Sparkles, + id: "m2", value: "500+", title: "Projects Completed", description: "A vast portfolio of successful design initiatives.", icon: Sparkles, }, { - id: "m3", - value: "10+", - title: "Years of Expertise", - description: "Deep industry knowledge and design acumen.", - icon: Award, + id: "m3", value: "10+", title: "Years of Expertise", description: "Deep industry knowledge and design acumen.", icon: Award, }, { - id: "m4", - value: "95%", - title: "On-Time Delivery", - description: "Efficient processes ensuring timely project completion.", - icon: Clock, + id: "m4", value: "95%", title: "On-Time Delivery", description: "Efficient processes ensuring timely project completion.", icon: Clock, }, ]} title="Driving Success with Data-Backed Design" @@ -263,14 +164,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} names={[ - "Innovate Solutions", - "Global Dynamics", - "Apex Innovations", - "Synergy Corp", - "NextGen Labs", - "BrightFuture Tech", - "Visionary Brands", - ]} + "Innovate Solutions", "Global Dynamics", "Apex Innovations", "Synergy Corp", "NextGen Labs", "BrightFuture Tech", "Visionary Brands"]} title="Trusted by Leading Brands" description="We've had the privilege of collaborating with diverse clients to bring their visions to life." /> @@ -281,52 +175,23 @@ export default function LandingPage() { textboxLayout="default" gridVariant="three-columns-all-equal-width" useInvertedBackground={true} + animationType="depth-3d" testimonials={[ { - id: "t1", - name: "Sarah Johnson", - role: "CEO", - company: "Tech Innovations", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg", - imageAlt: "Sarah Johnson, CEO of Tech Innovations", - }, + id: "t1", name: "Sarah Johnson", role: "CEO", company: "Tech Innovations", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg", imageAlt: "Sarah Johnson, CEO of Tech Innovations"}, { - id: "t2", - name: "Michael Chen", - role: "CTO", - company: "Global Dynamics", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/startup-worker-uses-laptop-open-space-reviewing-project-data-documents-workstation-executive-assistant-working-marketing-strategy-business-development-ai-developer_482257-65810.jpg", - imageAlt: "Michael Chen, CTO of Global Dynamics", - }, + id: "t2", name: "Michael Chen", role: "CTO", company: "Global Dynamics", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/startup-worker-uses-laptop-open-space-reviewing-project-data-documents-workstation-executive-assistant-working-marketing-strategy-business-development-ai-developer_482257-65810.jpg", imageAlt: "Michael Chen, CTO of Global Dynamics"}, { - id: "t3", - name: "Emily Rodriguez", - role: "Marketing Director", - company: "Apex Innovations", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-laptop_23-2147787613.jpg", - imageAlt: "Emily Rodriguez, Marketing Director at Apex Innovations", - }, + id: "t3", name: "Emily Rodriguez", role: "Marketing Director", company: "Apex Innovations", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-laptop_23-2147787613.jpg", imageAlt: "Emily Rodriguez, Marketing Director at Apex Innovations"}, { - id: "t4", - name: "David Kim", - role: "Product Manager", - company: "Synergy Corp", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/freelancing-is-good-idea-independent-person_329181-12349.jpg", - imageAlt: "David Kim, Product Manager at Synergy Corp", - }, + id: "t4", name: "David Kim", role: "Product Manager", company: "Synergy Corp", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/freelancing-is-good-idea-independent-person_329181-12349.jpg", imageAlt: "David Kim, Product Manager at Synergy Corp"}, { - id: "t5", - name: "Jessica Lee", - role: "Creative Lead", - company: "NextGen Labs", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-painter-desk-joyfully-choosing-paint-brush-with-big-pattern-canvas-background-home_574295-3722.jpg", - imageAlt: "Jessica Lee, Creative Lead at NextGen Labs", - }, + id: "t5", name: "Jessica Lee", role: "Creative Lead", company: "NextGen Labs", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/young-painter-desk-joyfully-choosing-paint-brush-with-big-pattern-canvas-background-home_574295-3722.jpg", imageAlt: "Jessica Lee, Creative Lead at NextGen Labs"}, ]} title="What Our Clients Say" description="Hear directly from businesses who have experienced the transformative impact of our design expertise." @@ -339,20 +204,11 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "q1", - title: "What is your design process?", - content: "Our process typically involves discovery, conceptualization, design, feedback, and final delivery. We ensure clients are involved at every stage for optimal results.", - }, + id: "q1", title: "What is your design process?", content: "Our process typically involves discovery, conceptualization, design, feedback, and final delivery. We ensure clients are involved at every stage for optimal results."}, { - id: "q2", - title: "How much does a design project cost?", - content: "Costs vary based on project scope, complexity, and deliverables. We provide detailed quotes after an initial consultation to understand your specific needs.", - }, + id: "q2", title: "How much does a design project cost?", content: "Costs vary based on project scope, complexity, and deliverables. We provide detailed quotes after an initial consultation to understand your specific needs."}, { - id: "q3", - title: "How long does a typical project take?", - content: "Project timelines depend on the service and scope. We work with you to establish realistic deadlines and keep you updated throughout the process.", - }, + id: "q3", title: "How long does a typical project take?", content: "Project timelines depend on the service and scope. We work with you to establish realistic deadlines and keep you updated throughout the process."}, ]} title="Frequently Asked Questions" description="Find quick answers to common inquiries about our design process, services, and partnerships." @@ -364,8 +220,7 @@ export default function LandingPage() {