From a873bc8cd7e1925d479bbeca64812250c508f91d Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 12 Jun 2026 06:45:47 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 371 ++++++++++------------------------------------- 1 file changed, 79 insertions(+), 292 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 720a3a0..9fc38f8 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -12,7 +12,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin import PricingCardEight from '@/components/sections/pricing/PricingCardEight'; import ProductCardThree from '@/components/sections/product/ProductCardThree'; import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen'; -import { Code, Crown, Layout, Search, ShoppingCart, Sparkles, Star } from "lucide-react"; +import { ArrowRight, Code, Crown, Image, Layout, RefreshCcw, Search, ShoppingCart, Sparkles, Star, Target, Wrench } from "lucide-react"; export default function LandingPage() { return ( @@ -33,41 +33,25 @@ export default function LandingPage() { @@ -75,111 +59,61 @@ export default function LandingPage() { @@ -191,46 +125,22 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - title: "Business Websites", - description: "Professional, custom-built websites for companies and local businesses, designed to elevate your brand and engage your audience.", - imageSrc: "http://img.b2bpic.net/free-photo/content-marketing-social-media-advertising-commercial-branding-concept_53876-15878.jpg", - imageAlt: "Business Websites graphic", - buttonIcon: "ArrowRight", + title: "Business Websites", description: "Professional, custom-built websites for companies and local businesses, designed to elevate your brand and engage your audience.", imageSrc: "http://img.b2bpic.net/free-photo/content-marketing-social-media-advertising-commercial-branding-concept_53876-15878.jpg", imageAlt: "Business Websites graphic", buttonIcon: ArrowRight, }, { - title: "E-commerce Stores", - description: "Powerful online stores with seamless payment integration, inventory management, and a user-friendly shopping experience to boost your sales.", - imageSrc: "http://img.b2bpic.net/free-photo/e-banking-payment-financial-connection-laptop_53876-26292.jpg", - imageAlt: "E-commerce Stores graphic", - buttonIcon: "ShoppingCart", + title: "E-commerce Stores", description: "Powerful online stores with seamless payment integration, inventory management, and a user-friendly shopping experience to boost your sales.", imageSrc: "http://img.b2bpic.net/free-photo/e-banking-payment-financial-connection-laptop_53876-26292.jpg", imageAlt: "E-commerce Stores graphic", buttonIcon: ShoppingCart, }, { - title: "Landing Pages", - description: "High-converting landing pages meticulously crafted for your advertising campaigns and lead generation efforts.", - imageSrc: "http://img.b2bpic.net/free-photo/online-communication-connection-networking-icon_53876-15888.jpg", - imageAlt: "Landing Pages graphic", - buttonIcon: "Target", + title: "Landing Pages", description: "High-converting landing pages meticulously crafted for your advertising campaigns and lead generation efforts.", imageSrc: "http://img.b2bpic.net/free-photo/online-communication-connection-networking-icon_53876-15888.jpg", imageAlt: "Landing Pages graphic", buttonIcon: Target, }, { - title: "Portfolio Websites", - description: "Stunning online portfolios for freelancers, creators, and professionals to showcase their work and attract new clients.", - imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320710.jpg", - imageAlt: "Portfolio Websites graphic", - buttonIcon: "Image", + title: "Portfolio Websites", description: "Stunning online portfolios for freelancers, creators, and professionals to showcase their work and attract new clients.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320710.jpg", imageAlt: "Portfolio Websites graphic", buttonIcon: Image, }, { - title: "Website Redesign", - description: "Transform outdated websites into modern, responsive, and conversion-focused digital experiences that captivate your visitors.", - imageSrc: "http://img.b2bpic.net/free-photo/materials-building-creative-design-industry-project-concept_53876-125632.jpg", - imageAlt: "Website Redesign graphic", - buttonIcon: "RefreshCcw", + title: "Website Redesign", description: "Transform outdated websites into modern, responsive, and conversion-focused digital experiences that captivate your visitors.", imageSrc: "http://img.b2bpic.net/free-photo/materials-building-creative-design-industry-project-concept_53876-125632.jpg", imageAlt: "Website Redesign graphic", buttonIcon: RefreshCcw, }, { - title: "Website Maintenance", - description: "Ongoing updates, security checks, performance optimization, and dedicated support to keep your website running smoothly.", - imageSrc: "http://img.b2bpic.net/free-photo/construction-technology-tools-with-laptop-hard-hat-pliers_187299-46331.jpg", - imageAlt: "Website Maintenance graphic", - buttonIcon: "Wrench", + title: "Website Maintenance", description: "Ongoing updates, security checks, performance optimization, and dedicated support to keep your website running smoothly.", imageSrc: "http://img.b2bpic.net/free-photo/construction-technology-tools-with-laptop-hard-hat-pliers_187299-46331.jpg", imageAlt: "Website Maintenance graphic", buttonIcon: Wrench, }, ]} title="Our Services: Websites That Deliver Results" @@ -245,45 +155,21 @@ export default function LandingPage() { tag="Our Commitment" metrics={[ { - id: "metric-1", - value: "Fast Delivery", - description: "Efficient project management ensures your website is delivered on time, without compromising quality.", - }, + id: "metric-1", value: "Fast Delivery", description: "Efficient project management ensures your website is delivered on time, without compromising quality."}, { - id: "metric-2", - value: "Mobile Responsive", - description: "Every website is meticulously designed to look and perform flawlessly across all devices, from desktop to mobile.", - }, + id: "metric-2", value: "Mobile Responsive", description: "Every website is meticulously designed to look and perform flawlessly across all devices, from desktop to mobile."}, { - id: "metric-3", - value: "SEO Friendly", - description: "Built with search engine best practices in mind to help your business rank higher and get discovered by more customers.", - }, + id: "metric-3", value: "SEO Friendly", description: "Built with search engine best practices in mind to help your business rank higher and get discovered by more customers."}, { - id: "metric-4", - value: "Affordable Pricing", - description: "Premium quality web solutions that fit your budget, offering exceptional value for your investment.", - }, + id: "metric-4", value: "Affordable Pricing", description: "Premium quality web solutions that fit your budget, offering exceptional value for your investment."}, { - id: "metric-5", - value: "Modern Design", - description: "Sleek, contemporary aesthetics and intuitive user experiences that leave a lasting impression on your visitors.", - }, + id: "metric-5", value: "Modern Design", description: "Sleek, contemporary aesthetics and intuitive user experiences that leave a lasting impression on your visitors."}, { - id: "metric-6", - value: "Ongoing Support", - description: "Dedicated post-launch support and maintenance to ensure your website remains updated and secure.", - }, + id: "metric-6", value: "Ongoing Support", description: "Dedicated post-launch support and maintenance to ensure your website remains updated and secure."}, { - id: "metric-7", - value: "Secure Hosting Guidance", - description: "We guide you to secure and reliable hosting solutions for optimal website performance and data protection.", - }, + id: "metric-7", value: "Secure Hosting Guidance", description: "We guide you to secure and reliable hosting solutions for optimal website performance and data protection."}, { - id: "metric-8", - value: "Conversion-Focused Strategy", - description: "Every design element and feature is strategically placed to turn your website visitors into valuable leads and customers.", - }, + id: "metric-8", value: "Conversion-Focused Strategy", description: "Every design element and feature is strategically placed to turn your website visitors into valuable leads and customers."}, ]} metricsAnimation="entrance-slide" /> @@ -297,47 +183,17 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "proj-1", - name: "Modern Restaurant Website", - price: "Food & Beverage", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-black-beans-dark-plate_23-2148425497.jpg", - imageAlt: "Restaurant website project", - }, + id: "proj-1", name: "Modern Restaurant Website", price: "Food & Beverage", imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-black-beans-dark-plate_23-2148425497.jpg", imageAlt: "Restaurant website project"}, { - id: "proj-2", - name: "Luxury Fashion E-commerce", - price: "Retail & Fashion", - imageSrc: "http://img.b2bpic.net/free-photo/asian-store-employee-suggesting-trendy-items-client-wheelchair-user_482257-108841.jpg", - imageAlt: "Fashion e-commerce project", - }, + id: "proj-2", name: "Luxury Fashion E-commerce", price: "Retail & Fashion", imageSrc: "http://img.b2bpic.net/free-photo/asian-store-employee-suggesting-trendy-items-client-wheelchair-user_482257-108841.jpg", imageAlt: "Fashion e-commerce project"}, { - id: "proj-3", - name: "Dynamic Gym & Fitness Site", - price: "Health & Fitness", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-with-weights_23-2148135584.jpg", - imageAlt: "Gym website project", - }, + id: "proj-3", name: "Dynamic Gym & Fitness Site", price: "Health & Fitness", imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-with-weights_23-2148135584.jpg", imageAlt: "Gym website project"}, { - id: "proj-4", - name: "Sleek Real Estate Portal", - price: "Real Estate", - imageSrc: "http://img.b2bpic.net/free-photo/real-estate-accommodation-property-investment-graphic-word_53876-124685.jpg", - imageAlt: "Real estate project", - }, + id: "proj-4", name: "Sleek Real Estate Portal", price: "Real Estate", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-accommodation-property-investment-graphic-word_53876-124685.jpg", imageAlt: "Real estate project"}, { - id: "proj-5", - name: "Professional Coaching Platform", - price: "Education & Coaching", - imageSrc: "http://img.b2bpic.net/free-photo/distance-learning-online-webpage-interface_53876-167095.jpg", - imageAlt: "Coaching institute project", - }, + id: "proj-5", name: "Professional Coaching Platform", price: "Education & Coaching", imageSrc: "http://img.b2bpic.net/free-photo/distance-learning-online-webpage-interface_53876-167095.jpg", imageAlt: "Coaching institute project"}, { - id: "proj-6", - name: "Modern Medical Clinic Site", - price: "Healthcare", - imageSrc: "http://img.b2bpic.net/free-photo/friends-suffering-from-social-media-addiction_23-2149416011.jpg", - imageAlt: "Medical clinic project", - }, + id: "proj-6", name: "Modern Medical Clinic Site", price: "Healthcare", imageSrc: "http://img.b2bpic.net/free-photo/friends-suffering-from-social-media-addiction_23-2149416011.jpg", imageAlt: "Medical clinic project"}, ]} title="Our Latest Projects" description="Explore a selection of our recent web design and development projects, showcasing our diverse expertise and commitment to quality." @@ -351,66 +207,31 @@ export default function LandingPage() { useInvertedBackground={false} plans={[ { - id: "starter", - badge: "Beginner", - badgeIcon: Sparkles, - price: "₹4,999", - subtitle: "Ideal for startups & local shops", - buttons: [ + id: "starter", badge: "Beginner", badgeIcon: Sparkles, + price: "₹4,999", subtitle: "Ideal for startups & local shops", buttons: [ { - text: "Get Started", - href: "#contact", - }, + text: "Get Started", href: "#contact"}, ], features: [ - "Up to 5 Pages", - "Mobile Responsive Design", - "Basic Contact Form", - "Basic SEO Optimization", - "1 Month Free Support", - ], + "Up to 5 Pages", "Mobile Responsive Design", "Basic Contact Form", "Basic SEO Optimization", "1 Month Free Support"], }, { - id: "business", - badge: "Popular", - badgeIcon: Star, - price: "₹9,999", - subtitle: "Perfect for growing businesses", - buttons: [ + id: "business", badge: "Popular", badgeIcon: Star, + price: "₹9,999", subtitle: "Perfect for growing businesses", buttons: [ { - text: "Choose Business", - href: "#contact", - }, + text: "Choose Business", href: "#contact"}, ], features: [ - "Up to 10 Pages", - "Advanced Custom Design", - "WhatsApp Integration", - "Enhanced SEO Setup", - "3 Months Free Support", - "Basic Analytics Integration", - ], + "Up to 10 Pages", "Advanced Custom Design", "WhatsApp Integration", "Enhanced SEO Setup", "3 Months Free Support", "Basic Analytics Integration"], }, { - id: "premium", - badge: "Enterprise", - badgeIcon: Crown, - price: "₹19,999", - subtitle: "For large businesses & e-commerce", - buttons: [ + id: "premium", badge: "Enterprise", badgeIcon: Crown, + price: "₹19,999", subtitle: "For large businesses & e-commerce", buttons: [ { - text: "Go Premium", - href: "#contact", - }, + text: "Go Premium", href: "#contact"}, ], features: [ - "Unlimited Pages", - "E-commerce Functionality", - "Advanced SEO Strategy", - "Priority Support (6 Months Free)", - "Custom Integrations", - "Performance Optimization", - ], + "Unlimited Pages", "E-commerce Functionality", "Advanced SEO Strategy", "Priority Support (6 Months Free)", "Custom Integrations", "Performance Optimization"], }, ]} title="Transparent Pricing for Every Business" @@ -426,25 +247,15 @@ export default function LandingPage() { author="Anjali Sharma, CEO of InnovateTech Solutions" avatars={[ { - src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg", - alt: "Anjali Sharma", - }, + src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg", alt: "Anjali Sharma"}, { - src: "http://img.b2bpic.net/free-photo/smiling-baker-bakery_1170-2306.jpg", - alt: "Rohan Singh", - }, + src: "http://img.b2bpic.net/free-photo/smiling-baker-bakery_1170-2306.jpg", alt: "Rohan Singh"}, { - src: "http://img.b2bpic.net/free-photo/young-woman-sitting-library_273609-15839.jpg", - alt: "Priya Patel", - }, + src: "http://img.b2bpic.net/free-photo/young-woman-sitting-library_273609-15839.jpg", alt: "Priya Patel"}, { - src: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286015.jpg", - alt: "Vikram Rao", - }, + src: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286015.jpg", alt: "Vikram Rao"}, { - src: "http://img.b2bpic.net/free-photo/modern-business-woman-dressed-blue-jacket-wears-glasses-poses-pink-with-dissatisfied-emotions_291650-1136.jpg", - alt: "Sophia M. from Global Innovations", - }, + src: "http://img.b2bpic.net/free-photo/modern-business-woman-dressed-blue-jacket-wears-glasses-poses-pink-with-dissatisfied-emotions_291650-1136.jpg", alt: "Sophia M. from Global Innovations"}, ]} ratingAnimation="blur-reveal" avatarsAnimation="slide-up" @@ -457,35 +268,17 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "faq-1", - title: "How long does website development take?", - content: "The timeline for website development varies depending on the project's complexity, features, and content. Typically, a standard business website can take anywhere from 4 to 8 weeks, while more complex e-commerce platforms might take 10 to 16 weeks. We provide a detailed project timeline after our initial consultation.", - }, + id: "faq-1", title: "How long does website development take?", content: "The timeline for website development varies depending on the project's complexity, features, and content. Typically, a standard business website can take anywhere from 4 to 8 weeks, while more complex e-commerce platforms might take 10 to 16 weeks. We provide a detailed project timeline after our initial consultation."}, { - id: "faq-2", - title: "What is the pricing structure?", - content: "Our pricing is tailored to the scope and specific requirements of each project. We offer transparent pricing with different packages (Starter, Business, Premium) as outlined in our pricing section. We'll provide a detailed quote after understanding your needs in a free consultation.", - }, + id: "faq-2", title: "What is the pricing structure?", content: "Our pricing is tailored to the scope and specific requirements of each project. We offer transparent pricing with different packages (Starter, Business, Premium) as outlined in our pricing section. We'll provide a detailed quote after understanding your needs in a free consultation."}, { - id: "faq-3", - title: "Do you provide website hosting?", - content: "While we don't directly provide hosting services, we offer expert guidance and recommendations to help you choose the best and most secure hosting provider for your website's needs. We ensure your website is optimized for your chosen hosting environment.", - }, + id: "faq-3", title: "Do you provide website hosting?", content: "While we don't directly provide hosting services, we offer expert guidance and recommendations to help you choose the best and most secure hosting provider for your website's needs. We ensure your website is optimized for your chosen hosting environment."}, { - id: "faq-4", - title: "Will my website be mobile-friendly?", - content: "Absolutely! All websites we design are built with a 'mobile-first' approach, ensuring they are fully responsive and provide an optimal viewing and interaction experience across all devices, including desktops, tablets, and smartphones.", - }, + id: "faq-4", title: "Will my website be mobile-friendly?", content: "Absolutely! All websites we design are built with a 'mobile-first' approach, ensuring they are fully responsive and provide an optimal viewing and interaction experience across all devices, including desktops, tablets, and smartphones."}, { - id: "faq-5", - title: "Do you offer SEO (Search Engine Optimization) services?", - content: "Yes, basic SEO optimization is included in all our web development packages to ensure your website is discoverable by search engines. For advanced SEO strategies, keyword research, and ongoing optimization, we offer specialized services to boost your online visibility.", - }, + id: "faq-5", title: "Do you offer SEO (Search Engine Optimization) services?", content: "Yes, basic SEO optimization is included in all our web development packages to ensure your website is discoverable by search engines. For advanced SEO strategies, keyword research, and ongoing optimization, we offer specialized services to boost your online visibility."}, { - id: "faq-6", - title: "Can I update the website content myself?", - content: "Yes, we build most websites on user-friendly content management systems (CMS) like WordPress, which allows you to easily update text, images, and other content without any coding knowledge. We also provide basic training and documentation.", - }, + id: "faq-6", title: "Can I update the website content myself?", content: "Yes, we build most websites on user-friendly content management systems (CMS) like WordPress, which allows you to easily update text, images, and other content without any coding knowledge. We also provide basic training and documentation."}, ]} title="Frequently Asked Questions" description="Find answers to the most common questions about our web design and development services. If you don't find what you're looking for, feel free to contact us!" @@ -497,15 +290,13 @@ export default function LandingPage() { @@ -516,13 +307,9 @@ export default function LandingPage() { logoAlt="PixelForge Logo" logoText="PixelForge" leftLink={{ - text: "Privacy Policy", - href: "#", - }} + text: "Privacy Policy", href: "#"}} rightLink={{ - text: "Terms of Service", - href: "#", - }} + text: "Terms of Service", href: "#"}} />