bender/4808aabc-158d-4e3c-8566-819c63853669
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-20 10:46:53 +00:00
parent 2a7d171ab1
commit 3caa0c3c73
1 changed files with 62 additions and 219 deletions
Download Patch File Download Diff File Expand all files Collapse all files

281
src/app/page.tsx
View File

@@ -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() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Pricing",
id: "pricing",
},
name: "Pricing", id: "pricing"},
{
name: "Testimonials",
id: "testimonials",
},
name: "Testimonials", id: "testimonials"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="DevStudio"
button={{
text: "Get a Quote",
href: "#contact",
}}
text: "Get a Quote", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "plain",
}}
variant: "plain"}}
title="We build digital experiences that drive growth."
description="Full-service web development agency helping businesses scale with modern, responsive, and high-performance websites."
buttons={[
{
text: "See Our Work",
href: "#services",
},
text: "See Our Work", href: "#services"},
{
text: "Talk to Us",
href: "#contact",
},
text: "Talk to Us", href: "#contact"},
]}
mediaItems={[
{
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=1",
imageAlt: "Creative agency work",
},
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", imageAlt: "Creative agency work"},
{
imageSrc: "http://img.b2bpic.net/free-photo/male-female-graphic-designers-using-graphics-tablet_1170-2946.jpg?_wi=1",
imageAlt: "Dev team at work",
},
imageSrc: "http://img.b2bpic.net/free-photo/male-female-graphic-designers-using-graphics-tablet_1170-2946.jpg", imageAlt: "Dev team at work"},
{
imageSrc: "http://img.b2bpic.net/free-photo/cropped-front-end-developers-designing-mobile-application-interface_1098-20471.jpg",
imageAlt: "Responsive web display",
},
imageSrc: "http://img.b2bpic.net/free-photo/cropped-front-end-developers-designing-mobile-application-interface_1098-20471.jpg", imageAlt: "Responsive web display"},
{
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-generating-ideas_53876-42869.jpg",
imageAlt: "Digital strategy session",
},
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-generating-ideas_53876-42869.jpg", imageAlt: "Digital strategy session"},
{
imageSrc: "http://img.b2bpic.net/free-photo/startup-worker-analyzing-statistics-diagrams-pc_482257-77609.jpg",
imageAlt: "Software engineering",
},
imageSrc: "http://img.b2bpic.net/free-photo/startup-worker-analyzing-statistics-diagrams-pc_482257-77609.jpg", imageAlt: "Software engineering"},
{
imageSrc: "http://img.b2bpic.net/free-photo/various-wireless-devices-yellow-table-colorful-stick-paper_140725-9016.jpg",
imageAlt: "Abstract tech design",
},
imageSrc: "http://img.b2bpic.net/free-photo/various-wireless-devices-yellow-table-colorful-stick-paper_140725-9016.jpg", imageAlt: "Abstract tech design"},
]}
/>
</div>
@@ -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() {
<ContactText
useInvertedBackground={false}
background={{
variant: "downward-rays-animated",
}}
variant: "downward-rays-animated"}}
text="Ready to bring your vision to life? Let's discuss your next project."
buttons={[
{
text: "Contact Us Now",
href: "mailto:hello@devstudio.com",
},
text: "Contact Us Now", href: "mailto:hello@devstudio.com"},
]}
/>
</div>
@@ -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: "#"},
],
},
]}