bender/3c5e2bc4-13f2-4b74-a421-9671ceaa71ab
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-06-10 09:41:36 +00:00
parent f8f822e7e0
commit fad67eae28
1 changed files with 60 additions and 211 deletions
Download Patch File Download Diff File Expand all files Collapse all files

271
src/app/page.tsx
View File

@@ -31,98 +31,61 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Work",
id: "#work",
},
name: "Work", id: "#work"},
{
name: "Estimate",
id: "#estimate",
},
name: "Estimate", id: "#estimate"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="pixelstack.ai"
button={{
text: "Get a Quote →",
href: "#contact",
}}
text: "Get a Quote →", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "canvas-reveal",
}}
variant: "canvas-reveal"}}
title="Websites that actually convert."
description="Built with AI. We build modern websites and landing pages for businesses that mean business. Fast. Clean. Affordable."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165608.jpg",
alt: "Client Avatar 1",
},
src: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165608.jpg", alt: "Client Avatar 1"},
{
src: "http://img.b2bpic.net/free-photo/man-working-from-smart-house-with-automation-lighting-system_482257-8725.jpg",
alt: "Client Avatar 2",
},
src: "http://img.b2bpic.net/free-photo/man-working-from-smart-house-with-automation-lighting-system_482257-8725.jpg", alt: "Client Avatar 2"},
{
src: "http://img.b2bpic.net/free-photo/ai-generated-concept-human_23-2150688375.jpg",
alt: "Client Avatar 3",
},
src: "http://img.b2bpic.net/free-photo/ai-generated-concept-human_23-2150688375.jpg", alt: "Client Avatar 3"},
{
src: "http://img.b2bpic.net/free-photo/cybersecurity-concept-illustration_23-2151883552.jpg",
alt: "Client Avatar 4",
},
src: "http://img.b2bpic.net/free-photo/cybersecurity-concept-illustration_23-2151883552.jpg", alt: "Client Avatar 4"},
{
src: "http://img.b2bpic.net/free-photo/side-view-man-portrait-digital-art_23-2151197903.jpg",
alt: "Abstract Tech Avatar 5",
},
src: "http://img.b2bpic.net/free-photo/side-view-man-portrait-digital-art_23-2151197903.jpg", alt: "Abstract Tech Avatar 5"},
]}
avatarText="Trusted by 10+ businesses"
buttons={[
{
text: "Start a Project →",
href: "#estimate",
},
text: "Start a Project →", href: "#estimate"},
{
text: "See Our Work",
href: "#work",
},
text: "See Our Work", href: "#work"},
]}
buttonAnimation="slide-up"
marqueeItems={[
{
type: "text-icon",
text: "AI-Powered Web Agency · Bengaluru",
icon: Circle,
type: "text-icon", text: "AI-Powered Web Agency · Bengaluru", icon: Circle,
},
{
type: "text",
text: "10+ Sites Live",
type: "text", text: "10+ Sites Live"},
{
type: "text", text: "5 Days Avg."},
{
type: "text", text: "2× More Leads"},
{
type: "text-icon", text: "AI-Powered Web Agency · Bengaluru", icon: Circle,
},
{
type: "text",
text: "5 Days Avg.",
},
{
type: "text",
text: "2× More Leads",
},
{
type: "text-icon",
text: "AI-Powered Web Agency · Bengaluru",
icon: Circle,
},
{
type: "text",
text: "10+ Sites Live",
},
type: "text", text: "10+ Sites Live"},
]}
marqueeSpeed={30}
showMarqueeCard={true}
@@ -134,17 +97,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Landing Pages ✦",
"Business Websites ✦",
"AI-Powered Design ✦",
"5-Day Delivery ✦",
"Indian & Global Clients ✦",
"SEO Optimised ✦",
"Mobile First ✦",
"Landing Pages ✦",
"Business Websites ✦",
"AI-Powered Design ✦",
]}
"Landing Pages ✦", "Business Websites ✦", "AI-Powered Design ✦", "5-Day Delivery ✦", "Indian & Global Clients ✦", "SEO Optimised ✦", "Mobile First ✦", "Landing Pages ✦", "Business Websites ✦", "AI-Powered Design ✦"]}
title="Our Expertise, In Motion"
description="Showcasing the core strengths and offerings that define PixelStack.ai."
speed={40}
@@ -160,24 +113,16 @@ export default function LandingPage() {
features={[
{
icon: PenTool,
title: "01 — Landing Pages",
description: "One high-converting page for your business. Fast, clean, and built to drive leads. From ₹4,999.",
},
title: "01 — Landing Pages", description: "One high-converting page for your business. Fast, clean, and built to drive leads. From ₹4,999."},
{
icon: Building,
title: "02 — Business Websites",
description: "3–5 essential pages, all included. Establish your online presence with a professional, AI-crafted site. From ₹9,999.",
},
title: "02 — Business Websites", description: "3–5 essential pages, all included. Establish your online presence with a professional, AI-crafted site. From ₹9,999."},
{
icon: Loader,
title: "03 — Website Revamp",
description: "Old site? We modernise and relaunch it with a fresh AI-powered design, speed optimization, and mobile-first approach. From ₹7,999.",
},
title: "03 — Website Revamp", description: "Old site? We modernise and relaunch it with a fresh AI-powered design, speed optimization, and mobile-first approach. From ₹7,999."},
{
icon: Wrench,
title: "04 — Monthly Maintenance",
description: "Keep your site fast, secure, and updated. Includes content updates, performance checks, and security monitoring. ₹2,999/month.",
},
title: "04 — Monthly Maintenance", description: "Keep your site fast, secure, and updated. Includes content updates, performance checks, and security monitoring. ₹2,999/month."},
]}
title="Our Services"
description="From high-converting landing pages to comprehensive business websites, we've got you covered. Leveraging AI for speed and precision."
@@ -193,53 +138,17 @@ export default function LandingPage() {
carouselMode="buttons"
products={[
{
id: "p1",
name: "Project One",
variant: "Landing Page",
price: "View Live →",
imageSrc: "http://img.b2bpic.net/free-photo/diverse-secret-agents-examine-clues-cia-secret-base-with-green-screen_482257-119889.jpg",
imageAlt: "Screenshot of Project One",
},
id: "p1", name: "Project One", variant: "Landing Page", price: "View Live →", imageSrc: "http://img.b2bpic.net/free-photo/diverse-secret-agents-examine-clues-cia-secret-base-with-green-screen_482257-119889.jpg", imageAlt: "Screenshot of Project One"},
{
id: "p2",
name: "Project Two",
variant: "Business Site",
price: "View Live →",
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-technology-landing-page_23-2149173599.jpg",
imageAlt: "Screenshot of Project Two",
},
id: "p2", name: "Project Two", variant: "Business Site", price: "View Live →", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-technology-landing-page_23-2149173599.jpg", imageAlt: "Screenshot of Project Two"},
{
id: "p3",
name: "Project Three",
variant: "Revamp",
price: "View Live →",
imageSrc: "http://img.b2bpic.net/free-photo/desk-flat-lay-with-tablet_52683-86163.jpg",
imageAlt: "Screenshot of Project Three",
},
id: "p3", name: "Project Three", variant: "Revamp", price: "View Live →", imageSrc: "http://img.b2bpic.net/free-photo/desk-flat-lay-with-tablet_52683-86163.jpg", imageAlt: "Screenshot of Project Three"},
{
id: "p4",
name: "Project Four",
variant: "E-commerce Store",
price: "View Live →",
imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913281.jpg",
imageAlt: "Screenshot of Project Four",
},
id: "p4", name: "Project Four", variant: "E-commerce Store", price: "View Live →", imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913281.jpg", imageAlt: "Screenshot of Project Four"},
{
id: "p5",
name: "Project Five",
variant: "Portfolio Site",
price: "View Live →",
imageSrc: "http://img.b2bpic.net/free-photo/laptop-nature-concept_23-2150246082.jpg",
imageAlt: "Screenshot of Project Five",
},
id: "p5", name: "Project Five", variant: "Portfolio Site", price: "View Live →", imageSrc: "http://img.b2bpic.net/free-photo/laptop-nature-concept_23-2150246082.jpg", imageAlt: "Screenshot of Project Five"},
{
id: "p6",
name: "Project Six",
variant: "SaaS Platform",
price: "View Live →",
imageSrc: "http://img.b2bpic.net/free-photo/neon-hologram-tiger_23-2151558681.jpg",
imageAlt: "Screenshot of Project Six",
},
id: "p6", name: "Project Six", variant: "SaaS Platform", price: "View Live →", imageSrc: "http://img.b2bpic.net/free-photo/neon-hologram-tiger_23-2151558681.jpg", imageAlt: "Screenshot of Project Six"},
]}
title="Our Work"
description="See how PixelStack.ai has transformed businesses with stunning, high-converting websites, crafted with intelligence and precision."
@@ -253,64 +162,28 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Ananya Sharma",
role: "Founder, UrbanSpice",
company: "UrbanSpice Foods",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy-financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report_482257-40321.jpg",
imageAlt: "Ananya Sharma",
},
id: "t1", name: "Ananya Sharma", role: "Founder, UrbanSpice", company: "UrbanSpice Foods", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy-financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report_482257-40321.jpg", imageAlt: "Ananya Sharma"},
{
id: "t2",
name: "Rajesh Kumar",
role: "CEO, GrowTech Solutions",
company: "GrowTech Solutions",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13573.jpg",
imageAlt: "Rajesh Kumar",
},
id: "t2", name: "Rajesh Kumar", role: "CEO, GrowTech Solutions", company: "GrowTech Solutions", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13573.jpg", imageAlt: "Rajesh Kumar"},
{
id: "t3",
name: "Priya Singh",
role: "Marketing Head, MediCare Hub",
company: "MediCare Hub",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling-outside-office-building_107420-74332.jpg",
imageAlt: "Priya Singh",
},
id: "t3", name: "Priya Singh", role: "Marketing Head, MediCare Hub", company: "MediCare Hub", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling-outside-office-building_107420-74332.jpg", imageAlt: "Priya Singh"},
{
id: "t4",
name: "David Miller",
role: "VP Operations, Global Logistics Inc.",
company: "Global Logistics Inc.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
imageAlt: "David Miller",
},
id: "t4", name: "David Miller", role: "VP Operations, Global Logistics Inc.", company: "Global Logistics Inc.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg", imageAlt: "David Miller"},
{
id: "t5",
name: "Sophie Dubois",
role: "Creative Director, LuxeDesigns",
company: "LuxeDesigns",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg",
imageAlt: "Sophie Dubois",
},
id: "t5", name: "Sophie Dubois", role: "Creative Director, LuxeDesigns", company: "LuxeDesigns", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg", imageAlt: "Sophie Dubois"},
]}
kpiItems={[
{
value: "2X",
label: "More Leads",
},
value: "2X", label: "More Leads"},
{
value: "5 Days",
label: "Average Delivery",
},
value: "5 Days", label: "Average Delivery"},
{
value: "99%",
label: "Client Satisfaction",
},
value: "99%", label: "Client Satisfaction"},
]}
title="What Our Clients Say"
description="Real feedback from businesses thriving with an AI-powered website built for conversion and impact."
@@ -321,16 +194,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "glowing-orb",
}}
variant: "sparkles-gradient"}}
tag="AI-Powered"
title="Get an instant estimate."
description="Tell us what you need. Our AI gives you a real price range in seconds. This section represents the final step of a multi-step form and AI integration described in the prompt, which would require custom implementation."
buttons={[
{
text: "Start My Estimate →",
href: "#",
},
text: "Start My Estimate →", href: "#"},
]}
buttonAnimation="slide-up"
/>
@@ -340,24 +210,17 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={true}
background={{
variant: "glowing-orb",
}}
variant: "sparkles-gradient"}}
tag="Let's Talk"
title="Ready to go live?"
description="Message us. We reply within 24 hours to help you start your next project."
buttons={[
{
text: "Email Us",
href: "mailto:hello@pixelstack.ai",
},
text: "Email Us", href: "mailto:hello@pixelstack.ai"},
{
text: "WhatsApp Us",
href: "https://wa.me/+91XXXXXXXXXX?text=Hi%2C%20I%20found%20your%20agency%20website%20and%20I%27m%20interested%20in%20getting%20a%20website%20built.",
},
text: "WhatsApp Us", href: "https://wa.me/+91XXXXXXXXXX?text=Hi%2C%20I%20found%20your%20agency%20website%20and%20I%27m%20interested%20in%20getting%20a%20website%20built."},
{
text: "Connect on LinkedIn",
href: "https://linkedin.com/in/YOUR_PROFILE",
},
text: "Connect on LinkedIn", href: "https://linkedin.com/in/YOUR_PROFILE"},
]}
buttonAnimation="slide-up"
/>
@@ -370,37 +233,23 @@ export default function LandingPage() {
logoText="pixelstack.ai"
columns={[
{
title: "Quick Links",
items: [
title: "Quick Links", items: [
{
label: "Services",
href: "#services",
},
label: "Services", href: "#services"},
{
label: "Work",
href: "#work",
},
label: "Work", href: "#work"},
{
label: "Estimate",
href: "#estimate",
},
label: "Estimate", href: "#estimate"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#privacy",
},
label: "Privacy Policy", href: "#privacy"},
{
label: "Terms of Service",
href: "#terms",
},
label: "Terms of Service", href: "#terms"},
],
},
]}