From 2443ea0644c392b17a16d5fd21d39b3a1a2791d5 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 10 Jun 2026 09:41:12 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 282 +++++++++++------------------------------------ 1 file changed, 63 insertions(+), 219 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index bcafc3d..ff0f601 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -34,82 +34,49 @@ export default function LandingPage() {
@@ -119,7 +86,6 @@ export default function LandingPage() {
@@ -130,25 +96,13 @@ export default function LandingPage() { description="From concept to launch, we handle every aspect of your digital presence with precision and passion, ensuring a seamless journey from idea to impactful reality." accordionItems={[ { - id: "custom-web-design", - title: "Custom Web Design", - content: "Bespoke website designs tailored to your brand's unique identity and business objectives, focusing on aesthetics and user experience.", - }, + id: "custom-web-design", title: "Custom Web Design", content: "Bespoke website designs tailored to your brand's unique identity and business objectives, focusing on aesthetics and user experience."}, { - id: "ecommerce-solutions", - title: "E-commerce Solutions", - content: "Robust and secure online stores designed to maximize conversions and provide a seamless shopping experience for your customers.", - }, + id: "ecommerce-solutions", title: "E-commerce Solutions", content: "Robust and secure online stores designed to maximize conversions and provide a seamless shopping experience for your customers."}, { - id: "ui-ux-optimization", - title: "UI/UX Optimization", - content: "Enhancing user interfaces and experiences through research-backed design, resulting in intuitive and engaging digital products.", - }, + id: "ui-ux-optimization", title: "UI/UX Optimization", content: "Enhancing user interfaces and experiences through research-backed design, resulting in intuitive and engaging digital products."}, { - id: "digital-branding", - title: "Digital Branding", - content: "Developing a cohesive online brand presence, including logo design, brand guidelines, and consistent visual language across all digital touchpoints.", - }, + id: "digital-branding", title: "Digital Branding", content: "Developing a cohesive online brand presence, including logo design, brand guidelines, and consistent visual language across all digital touchpoints."}, ]} imageSrc="http://img.b2bpic.net/free-photo/analysis-strategy-study-information-business-planning_53876-133682.jpg" imageAlt="Web development interface showing code and design elements" @@ -161,15 +115,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={true} names={[ - "InnovateCorp", - "Global Dynamics", - "Summit Ventures", - "Aether Labs", - "Quantum Shift", - "Evergreen Solutions", - "Nexus Innovations", - "Pioneer Tech", - ]} + "InnovateCorp", "Global Dynamics", "Summit Ventures", "Aether Labs", "Quantum Shift", "Evergreen Solutions", "Nexus Innovations", "Pioneer Tech"]} title="Trusted by Industry Leaders" description="Our commitment to excellence and innovative web solutions has earned the trust of diverse clients across various sectors, helping them achieve their digital goals." /> @@ -183,29 +129,11 @@ export default function LandingPage() { useInvertedBackground={false} members={[ { - id: "1", - name: "Alex Chen", - role: "Lead Web Designer", - description: "Specializing in intuitive UI/UX, Alex crafts captivating visual experiences that drive engagement and conversion.", - imageSrc: "http://img.b2bpic.net/free-photo/man-tired-from-video-call_23-2148854849.jpg", - imageAlt: "Portrait of Alex Chen", - }, + id: "1", name: "Alex Chen", role: "Lead Web Designer", description: "Specializing in intuitive UI/UX, Alex crafts captivating visual experiences that drive engagement and conversion.", imageSrc: "http://img.b2bpic.net/free-photo/man-tired-from-video-call_23-2148854849.jpg", imageAlt: "Portrait of Alex Chen"}, { - id: "2", - name: "Sarah Miller", - role: "Head of Development", - description: "With a strong background in frontend and backend, Sarah builds robust and scalable web applications.", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-apron_23-2149007471.jpg", - imageAlt: "Portrait of Sarah Miller", - }, + id: "2", name: "Sarah Miller", role: "Head of Development", description: "With a strong background in frontend and backend, Sarah builds robust and scalable web applications.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-apron_23-2149007471.jpg", imageAlt: "Portrait of Sarah Miller"}, { - id: "3", - name: "David Lee", - role: "Digital Strategist", - description: "David focuses on aligning design with business goals, ensuring every project delivers measurable impact.", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-man-flannel-suit-glasses-listening-music_613910-12191.jpg", - imageAlt: "Portrait of David Lee", - }, + id: "3", name: "David Lee", role: "Digital Strategist", description: "David focuses on aligning design with business goals, ensuring every project delivers measurable impact.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-man-flannel-suit-glasses-listening-music_613910-12191.jpg", imageAlt: "Portrait of David Lee"}, ]} title="Meet Our Creative Innovators" description="Our diverse team of experts brings a unique blend of skills and passion to every project, dedicated to bringing your digital vision to life." @@ -219,63 +147,31 @@ export default function LandingPage() { useInvertedBackground={true} plans={[ { - id: "starter", - badge: "Basic", - badgeIcon: Sparkles, - price: "$2,500+", - name: "Starter Website", - buttons: [ + id: "starter", badge: "Basic", badgeIcon: Sparkles, + price: "$2,500+", name: "Starter Website", buttons: [ { - text: "Get Started", - }, + text: "Get Started"}, ], features: [ - "5-Page Custom Design", - "Responsive Layout", - "Basic SEO Setup", - "Contact Form Integration", - "1 Month Support", - ], + "5-Page Custom Design", "Responsive Layout", "Basic SEO Setup", "Contact Form Integration", "1 Month Support"], }, { - id: "professional", - badge: "Popular", - badgeIcon: Star, - price: "$7,500+", - name: "Professional Presence", - buttons: [ + id: "professional", badge: "Popular", badgeIcon: Star, + price: "$7,500+", name: "Professional Presence", buttons: [ { - text: "Choose Plan", - }, + text: "Choose Plan"}, ], features: [ - "Up to 15 Pages", - "Advanced UI/UX", - "E-commerce Ready", - "Content Management System (CMS)", - "3 Months Premium Support", - "Analytics Integration", - ], + "Up to 15 Pages", "Advanced UI/UX", "E-commerce Ready", "Content Management System (CMS)", "3 Months Premium Support", "Analytics Integration"], }, { - id: "enterprise", - badge: "Premium", - badgeIcon: Award, - price: "Custom", - name: "Enterprise Solution", - buttons: [ + id: "enterprise", badge: "Premium", badgeIcon: Award, + price: "Custom", name: "Enterprise Solution", buttons: [ { - text: "Contact Us", - }, + text: "Contact Us"}, ], features: [ - "Unlimited Pages", - "Custom Integrations", - "Dedicated Project Manager", - "Ongoing SEO & Marketing", - "Priority 24/7 Support", - "Scalable Infrastructure", - ], + "Unlimited Pages", "Custom Integrations", "Dedicated Project Manager", "Ongoing SEO & Marketing", "Priority 24/7 Support", "Scalable Infrastructure"], }, ]} title="Transparent Pricing for Every Project" @@ -291,25 +187,15 @@ export default function LandingPage() { author="Emily R., Marketing Director at Nexus Corp." avatars={[ { - src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", - alt: "Avatar of Emily R.", - }, + src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Avatar of Emily R."}, { - src: "http://img.b2bpic.net/free-photo/clsoe-up-woman-working-laptop_23-2148128282.jpg", - alt: "Avatar of Michael S.", - }, + src: "http://img.b2bpic.net/free-photo/clsoe-up-woman-working-laptop_23-2148128282.jpg", alt: "Avatar of Michael S."}, { - src: "http://img.b2bpic.net/free-photo/business-graphics-presentation-illustration_23-2151876369.jpg", - alt: "Avatar of Jessica L.", - }, + src: "http://img.b2bpic.net/free-photo/business-graphics-presentation-illustration_23-2151876369.jpg", alt: "Avatar of Jessica L."}, { - src: "http://img.b2bpic.net/free-photo/portrait-bald-senior-dressed-stylish-suit-posing-against-dark-background_613910-17578.jpg", - alt: "Avatar of Robert D.", - }, + src: "http://img.b2bpic.net/free-photo/portrait-bald-senior-dressed-stylish-suit-posing-against-dark-background_613910-17578.jpg", alt: "Avatar of Robert D."}, { - src: "http://img.b2bpic.net/free-photo/portrait-busy-woman-her-office_329181-10294.jpg", - alt: "Avatar of Olivia P.", - }, + src: "http://img.b2bpic.net/free-photo/portrait-busy-woman-her-office_329181-10294.jpg", alt: "Avatar of Olivia P."}, ]} ratingAnimation="opacity" avatarsAnimation="slide-up" @@ -321,25 +207,13 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "faq1", - title: "What is your typical web design process?", - content: "Our process typically involves discovery, planning, design, development, testing, and launch. We maintain open communication and client collaboration at every stage.", - }, + id: "faq1", title: "What is your typical web design process?", content: "Our process typically involves discovery, planning, design, development, testing, and launch. We maintain open communication and client collaboration at every stage."}, { - id: "faq2", - title: "How long does a website project take?", - content: "The timeline varies based on complexity and features, but a standard project can range from 4-12 weeks. We provide a detailed project timeline after our initial consultation.", - }, + id: "faq2", title: "How long does a website project take?", content: "The timeline varies based on complexity and features, but a standard project can range from 4-12 weeks. We provide a detailed project timeline after our initial consultation."}, { - id: "faq3", - title: "Do you offer ongoing website maintenance?", - content: "Yes, we offer various maintenance packages including updates, security monitoring, and content management to ensure your site remains optimal and secure post-launch.", - }, + id: "faq3", title: "Do you offer ongoing website maintenance?", content: "Yes, we offer various maintenance packages including updates, security monitoring, and content management to ensure your site remains optimal and secure post-launch."}, { - id: "faq4", - title: "Can you help with SEO and digital marketing?", - content: "Absolutely. We integrate SEO best practices into every design and can offer ongoing digital marketing strategies to improve your online visibility and drive traffic.", - }, + id: "faq4", title: "Can you help with SEO and digital marketing?", content: "Absolutely. We integrate SEO best practices into every design and can offer ongoing digital marketing strategies to improve your online visibility and drive traffic."}, ]} sideTitle="Frequently Asked Questions" sideDescription="Find quick answers to common questions about our web design services and the collaborative process we follow." @@ -351,14 +225,11 @@ export default function LandingPage() { @@ -370,66 +241,39 @@ export default function LandingPage() { logoText="DesignCraft Agency" columns={[ { - title: "Services", - items: [ + title: "Services", items: [ { - label: "Web Design", - href: "#services", - }, + label: "Web Design", href: "#services"}, { - label: "E-commerce", - href: "#services", - }, + label: "E-commerce", href: "#services"}, { - label: "UI/UX", - href: "#services", - }, + label: "UI/UX", href: "#services"}, { - label: "Branding", - href: "#services", - }, + label: "Branding", href: "#services"}, ], }, { - title: "Company", - items: [ + title: "Company", items: [ { - label: "About Us", - href: "#about", - }, + label: "About Us", href: "#about"}, { - label: "Our Team", - href: "#team", - }, + label: "Our Team", href: "#team"}, { - label: "Clients", - href: "#clients", - }, + label: "Clients", href: "#clients"}, { - label: "Contact", - href: "#contact", - }, + label: "Contact", href: "#contact"}, ], }, { - title: "Resources", - items: [ + title: "Resources", items: [ { - label: "FAQ", - href: "#faq", - }, + label: "FAQ", href: "#faq"}, { - label: "Blog", - href: "#", - }, + label: "Blog", href: "#"}, { - label: "Support", - href: "#", - }, + label: "Support", href: "#"}, { - label: "Privacy Policy", - href: "#", - }, + label: "Privacy Policy", href: "#"}, ], }, ]}