From 3caa0c3c73828ef11f9127a23b97fe4002bbea67 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 20 May 2026 10:46:53 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 281 +++++++++++------------------------------------ 1 file changed, 62 insertions(+), 219 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index b93c050..747ab7f 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -12,7 +12,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo'; import ProductCardThree from '@/components/sections/product/ProductCardThree'; import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen'; -import { Award, CheckCircle, Code, Palette, Users, Zap } from "lucide-react"; +import { Award, CheckCircle, Code, Palette, Users, Zap, Figma } from "lucide-react"; export default function LandingPage() { return ( @@ -33,76 +33,47 @@ export default function LandingPage() {
@@ -114,19 +85,13 @@ export default function LandingPage() { metrics={[ { icon: CheckCircle, - label: "Projects Completed", - value: "200+", - }, + label: "Projects Completed", value: "200+"}, { icon: Users, - label: "Happy Clients", - value: "150+", - }, + label: "Happy Clients", value: "150+"}, { icon: Award, - label: "Industry Awards", - value: "12", - }, + label: "Industry Awards", value: "12"}, ]} metricsAnimation="slide-up" /> @@ -139,46 +104,30 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Web Development", - description: "Custom coded solutions built for speed and reliability.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/ideas-creation-design-process-icon_53876-124499.jpg", - imageAlt: "Web Dev", - }, + title: "Web Development", description: "Custom coded solutions built for speed and reliability.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/ideas-creation-design-process-icon_53876-124499.jpg", imageAlt: "Web Dev"}, items: [ { icon: Code, - text: "Modern Stack", - }, + text: "Modern Stack"}, { icon: Zap, - text: "Fast Performance", - }, + text: "Fast Performance"}, ], - reverse: false, - imageSrc: "http://img.b2bpic.net/free-photo/puzzled-interracial-woman-man-look-puzzled-while-working-office-draw-sketch-future-building-construction-look-indignant-pose-desktop-concentrated-job_273609-50571.jpg?_wi=2", - imageAlt: "web design responsive", + reverse: false }, { - title: "UX/UI Design", - description: "User-focused designs that turn visitors into customers.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/nature-ecology-go-green-concept_53876-133663.jpg", - imageAlt: "UX/UI", - }, + title: "UX/UI Design", description: "User-focused designs that turn visitors into customers.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/nature-ecology-go-green-concept_53876-133663.jpg", imageAlt: "UX/UI"}, items: [ { icon: Palette, - text: "Intuitive Layouts", - }, + text: "Intuitive Layouts"}, { icon: Figma, - text: "Prototyping", - }, + text: "Prototyping"}, ], - reverse: true, - imageSrc: "http://img.b2bpic.net/free-photo/male-female-graphic-designers-using-graphics-tablet_1170-2946.jpg?_wi=2", - imageAlt: "web design responsive", + reverse: true }, ]} title="Our Expertise" @@ -194,41 +143,17 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "p1", - name: "Landing Page Pro", - price: "$1,500", - imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-website-hosting-concept_23-2149484781.jpg", - }, + id: "p1", name: "Landing Page Pro", price: "$1,500", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-website-hosting-concept_23-2149484781.jpg"}, { - id: "p2", - name: "E-commerce Starter", - price: "$3,000", - imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-sale-app_23-2151952980.jpg", - }, + id: "p2", name: "E-commerce Starter", price: "$3,000", imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-sale-app_23-2151952980.jpg"}, { - id: "p3", - name: "SaaS Dashboard MVP", - price: "$5,000", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg", - }, + id: "p3", name: "SaaS Dashboard MVP", price: "$5,000", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg"}, { - id: "p4", - name: "Custom CMS", - price: "$4,000", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg", - }, + id: "p4", name: "Custom CMS", price: "$4,000", imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg"}, { - id: "p5", - name: "Portfolio Theme", - price: "$900", - imageSrc: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg", - }, + id: "p5", name: "Portfolio Theme", price: "$900", imageSrc: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg"}, { - id: "p6", - name: "Agency Kit", - price: "$2,500", - imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg", - }, + id: "p6", name: "Agency Kit", price: "$2,500", imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg"}, ]} title="Our Solutions" description="Standardized products for quick deployment." @@ -242,55 +167,28 @@ export default function LandingPage() { useInvertedBackground={false} plans={[ { - id: "basic", - badge: "Essential", - price: "$2,000", - subtitle: "For startups", - buttons: [ + id: "basic", badge: "Essential", price: "$2,000", subtitle: "For startups", buttons: [ { - text: "Choose Basic", - href: "#contact", - }, + text: "Choose Basic", href: "#contact"}, ], features: [ - "1 Landing page", - "Mobile responsive", - "SEO basics", - ], + "1 Landing page", "Mobile responsive", "SEO basics"], }, { - id: "pro", - badge: "Popular", - price: "$5,500", - subtitle: "For growth", - buttons: [ + id: "pro", badge: "Popular", price: "$5,500", subtitle: "For growth", buttons: [ { - text: "Choose Pro", - href: "#contact", - }, + text: "Choose Pro", href: "#contact"}, ], features: [ - "Full Website", - "CMS access", - "Performance optimization", - ], + "Full Website", "CMS access", "Performance optimization"], }, { - id: "custom", - badge: "Enterprise", - price: "$10,000+", - subtitle: "For scaling", - buttons: [ + id: "custom", badge: "Enterprise", price: "$10,000+", subtitle: "For scaling", buttons: [ { - text: "Contact Us", - href: "#contact", - }, + text: "Contact Us", href: "#contact"}, ], features: [ - "Unlimited pages", - "Custom features", - "Priority support", - ], + "Unlimited pages", "Custom features", "Priority support"], }, ]} title="Pricing Plans" @@ -304,45 +202,15 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "t1", - title: "Excellent work", - quote: "The team delivered on time and exceeded our expectations.", - name: "Mark S.", - role: "Founder", - imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", - }, + id: "t1", title: "Excellent work", quote: "The team delivered on time and exceeded our expectations.", name: "Mark S.", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg"}, { - id: "t2", - title: "Professionalism", - quote: "Very easy to work with and highly skilled in modern tech.", - name: "Lisa R.", - role: "CEO", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smil_1258-127392.jpg", - }, + id: "t2", title: "Professionalism", quote: "Very easy to work with and highly skilled in modern tech.", name: "Lisa R.", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smil_1258-127392.jpg"}, { - id: "t3", - title: "Game changer", - quote: "Our sales have doubled since the new site launch.", - name: "James K.", - role: "CMO", - imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-male-dressed-suit-dark-grey-background_613910-14130.jpg", - }, + id: "t3", title: "Game changer", quote: "Our sales have doubled since the new site launch.", name: "James K.", role: "CMO", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-male-dressed-suit-dark-grey-background_613910-14130.jpg"}, { - id: "t4", - title: "High performance", - quote: "We loved the attention to detail and design speed.", - name: "Sarah L.", - role: "Designer", - imageSrc: "http://img.b2bpic.net/free-photo/asian-architect-woman_53876-31462.jpg", - }, + id: "t4", title: "High performance", quote: "We loved the attention to detail and design speed.", name: "Sarah L.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/asian-architect-woman_53876-31462.jpg"}, { - id: "t5", - title: "Great agency", - quote: "Fantastic project management and code quality.", - name: "David M.", - role: "CTO", - imageSrc: "http://img.b2bpic.net/free-photo/standing-vote-graduation-conference-room-bargain_1134-1130.jpg", - }, + id: "t5", title: "Great agency", quote: "Fantastic project management and code quality.", name: "David M.", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/standing-vote-graduation-conference-room-bargain_1134-1130.jpg"}, ]} title="What Clients Say" description="Trusted by industry leaders." @@ -355,20 +223,11 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "q1", - title: "What technologies do you use?", - content: "We use modern stacks like Next.js, TailwindCSS, and Node.js.", - }, + id: "q1", title: "What technologies do you use?", content: "We use modern stacks like Next.js, TailwindCSS, and Node.js."}, { - id: "q2", - title: "How long does a project take?", - content: "Most projects are completed within 4 to 8 weeks depending on scope.", - }, + id: "q2", title: "How long does a project take?", content: "Most projects are completed within 4 to 8 weeks depending on scope."}, { - id: "q3", - title: "Do you provide support?", - content: "Yes, we provide ongoing maintenance and support packages.", - }, + id: "q3", title: "Do you provide support?", content: "Yes, we provide ongoing maintenance and support packages."}, ]} title="Common Questions" description="Learn more about our agency process." @@ -380,14 +239,11 @@ export default function LandingPage() { @@ -397,38 +253,25 @@ export default function LandingPage() { logoText="DevStudio" columns={[ { - title: "Company", - items: [ + title: "Company", items: [ { - label: "About", - href: "#", - }, + label: "About", href: "#"}, { - label: "Careers", - href: "#", - }, + label: "Careers", href: "#"}, ], }, { - title: "Services", - items: [ + title: "Services", items: [ { - label: "Web Design", - href: "#", - }, + label: "Web Design", href: "#"}, { - label: "Dev", - href: "#", - }, + label: "Dev", href: "#"}, ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { - label: "Privacy", - href: "#", - }, + label: "Privacy", href: "#"}, ], }, ]}