From 2953550809dcc617ca2f7d888620f89cc92a0121 Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 14 Mar 2026 19:13:40 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 60 ++++++++++++++++++++++++------------------------ 1 file changed, 30 insertions(+), 30 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 9715202..fa0034a 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -21,7 +21,7 @@ export default function LandingPage() { borderRadius="rounded" contentWidth="compact" sizing="mediumSizeLargeTitles" - background="grid" + background={{ variant: "animated-grid" }} cardStyle="inset" primaryButtonStyle="primary-glow" secondaryButtonStyle="layered" @@ -51,20 +51,20 @@ export default function LandingPage() { { text: "Start a project", href: "#contact" } ]} buttonAnimation="blur-reveal" - background={{ variant: "grid" }} + background={{ variant: "animated-grid" }} useInvertedBackground={false} testimonials={[ { name: "Sarah Chen", handle: "@sarahchen_co", testimonial: "Distract transformed our brand narrative. From concept to launch in half the time we expected.", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg?_wi=1", imageAlt: "Sarah Chen founder" + imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", imageAlt: "Sarah Chen founder" }, { name: "Marcus Reed", handle: "@marcusreed_io", testimonial: "Finally, a team that understands production AND strategy. Real results, not just deliverables.", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/paralysed-disabled-invalid-handicapped-work-colleague-looking-front-tired-upset-caused-his-disabilities-working-economic-business-office_482257-2084.jpg?_wi=1", imageAlt: "Marcus Reed entrepreneur" + imageSrc: "http://img.b2bpic.net/free-photo/paralysed-disabled-invalid-handicapped-work-colleague-looking-front-tired-upset-caused-his-disabilities-working-economic-business-office_482257-2084.jpg", imageAlt: "Marcus Reed entrepreneur" }, { name: "Emma Walsh", handle: "@emmaw_studio", testimonial: "Their execution speed is unmatched. We launched three campaigns in the time others did one.", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg?_wi=1", imageAlt: "Emma Walsh creative director" + imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg", imageAlt: "Emma Walsh creative director" } ]} testimonialRotationInterval={5000} @@ -104,22 +104,22 @@ export default function LandingPage() { tagAnimation="blur-reveal" features={[ { - id: "problem-1", title: "Fragmented Teams", description: "Production and marketing don't talk. Strategy exists in a vacuum. Results feel disjointed and miss the mark.", imageSrc: "http://img.b2bpic.net/free-vector/website-design-proposal-template-design_742173-24598.jpg?_wi=1", imageAlt: "Fragmented workflow diagram" + id: "problem-1", title: "Fragmented Teams", description: "Production and marketing don't talk. Strategy exists in a vacuum. Results feel disjointed and miss the mark.", imageSrc: "http://img.b2bpic.net/free-vector/website-design-proposal-template-design_742173-24598.jpg", imageAlt: "Fragmented workflow diagram" }, { - id: "problem-2", title: "Inconsistent Output", description: "Quality swings. Brand voice drifts. Nobody's enforcing standards. Your customers notice the gaps.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-fitness-businesses-app-template_52683-151981.jpg?_wi=1", imageAlt: "Inconsistent design samples" + id: "problem-2", title: "Inconsistent Output", description: "Quality swings. Brand voice drifts. Nobody's enforcing standards. Your customers notice the gaps.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-fitness-businesses-app-template_52683-151981.jpg", imageAlt: "Inconsistent design samples" }, { - id: "problem-3", title: "Slow Execution", description: "Approvals drag. Handoffs create bottlenecks. Time-to-market suffers. Opportunities slip away.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-colleagues-looking-post-its_23-2149362913.jpg?_wi=1", imageAlt: "Timeline delays illustration" + id: "problem-3", title: "Slow Execution", description: "Approvals drag. Handoffs create bottlenecks. Time-to-market suffers. Opportunities slip away.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-colleagues-looking-post-its_23-2149362913.jpg", imageAlt: "Timeline delays illustration" } ]} gridVariant="three-columns-all-equal-width" animationType="blur-reveal" textboxLayout="default" useInvertedBackground={false} + cardTitleClassName="text-4xl lg:text-5xl font-semibold mb-4 text-center" + cardDescriptionClassName="text-lg text-gray-600 mb-12 text-center max-w-2xl mx-auto" containerClassName="max-w-7xl mx-auto px-6 py-20" - titleClassName="text-4xl lg:text-5xl font-semibold mb-4 text-center" - descriptionClassName="text-lg text-gray-600 mb-12 text-center max-w-2xl mx-auto" /> @@ -132,13 +132,13 @@ export default function LandingPage() { tagAnimation="blur-reveal" products={[ { - id: "service-production", name: "Production", price: "Full-service creative", imageSrc: "http://img.b2bpic.net/free-vector/website-design-proposal-template-design_742173-24598.jpg?_wi=2", imageAlt: "Production services" + id: "service-production", name: "Production", price: "Full-service creative", imageSrc: "http://img.b2bpic.net/free-vector/website-design-proposal-template-design_742173-24598.jpg", imageAlt: "Production services" }, { - id: "service-marketing", name: "Marketing", price: "Strategy & campaigns", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-fitness-businesses-app-template_52683-151981.jpg?_wi=2", imageAlt: "Marketing services" + id: "service-marketing", name: "Marketing", price: "Strategy & campaigns", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-fitness-businesses-app-template_52683-151981.jpg", imageAlt: "Marketing services" }, { - id: "service-saas", name: "SaaS & Apps", price: "Design & development", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-colleagues-looking-post-its_23-2149362913.jpg?_wi=2", imageAlt: "SaaS services" + id: "service-saas", name: "SaaS & Apps", price: "Design & development", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-colleagues-looking-post-its_23-2149362913.jpg", imageAlt: "SaaS services" } ]} gridVariant="three-columns-all-equal-width" @@ -149,8 +149,8 @@ export default function LandingPage() { { text: "Explore all services", href: "#services" } ]} containerClassName="max-w-7xl mx-auto px-6 py-20" - titleClassName="text-4xl lg:text-5xl font-semibold mb-4 text-center" - descriptionClassName="text-lg text-gray-600 mb-12 text-center max-w-2xl mx-auto" + textBoxTitleClassName="text-4xl lg:text-5xl font-semibold mb-4 text-center" + textBoxDescriptionClassName="text-lg text-gray-600 mb-12 text-center max-w-2xl mx-auto" /> @@ -163,13 +163,13 @@ export default function LandingPage() { tagAnimation="blur-reveal" features={[ { - id: "case-1", title: "TechFlow Rebrand", description: "Repositioned a B2B SaaS platform with integrated production, marketing, and product design. Result: 40% increase in qualified leads.", imageSrc: "http://img.b2bpic.net/free-vector/website-design-proposal-template-design_742173-24598.jpg?_wi=3", imageAlt: "TechFlow case study" + id: "case-1", title: "TechFlow Rebrand", description: "Repositioned a B2B SaaS platform with integrated production, marketing, and product design. Result: 40% increase in qualified leads.", imageSrc: "http://img.b2bpic.net/free-vector/website-design-proposal-template-design_742173-24598.jpg", imageAlt: "TechFlow case study" }, { - id: "case-2", title: "VentureLabs Campaign", description: "Full production-to-launch campaign for venture fund. From brand identity to video series to investor pitch deck. Closed $15M Series A.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-fitness-businesses-app-template_52683-151981.jpg?_wi=3", imageAlt: "VentureLabs case study" + id: "case-2", title: "VentureLabs Campaign", description: "Full production-to-launch campaign for venture fund. From brand identity to video series to investor pitch deck. Closed $15M Series A.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-fitness-businesses-app-template_52683-151981.jpg", imageAlt: "VentureLabs case study" }, { - id: "case-3", title: "CloudScale Product Launch", description: "End-to-end product launch including platform design, marketing strategy, and go-to-market execution. 10K signups in first 30 days.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-colleagues-looking-post-its_23-2149362913.jpg?_wi=3", imageAlt: "CloudScale case study" + id: "case-3", title: "CloudScale Product Launch", description: "End-to-end product launch including platform design, marketing strategy, and go-to-market execution. 10K signups in first 30 days.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-colleagues-looking-post-its_23-2149362913.jpg", imageAlt: "CloudScale case study" } ]} gridVariant="three-columns-all-equal-width" @@ -180,8 +180,8 @@ export default function LandingPage() { { text: "View all case studies", href: "#work" } ]} containerClassName="max-w-7xl mx-auto px-6 py-20" - titleClassName="text-4xl lg:text-5xl font-semibold mb-4 text-center" - descriptionClassName="text-lg text-gray-600 mb-12 text-center max-w-2xl mx-auto" + cardTitleClassName="text-4xl lg:text-5xl font-semibold mb-4 text-center" + cardDescriptionClassName="text-lg text-gray-600 mb-12 text-center max-w-2xl mx-auto" /> @@ -210,8 +210,8 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} containerClassName="max-w-7xl mx-auto px-6 py-20" - titleClassName="text-4xl lg:text-5xl font-semibold mb-4 text-center" - descriptionClassName="text-lg text-gray-600 mb-12 text-center max-w-2xl mx-auto" + textBoxTitleClassName="text-4xl lg:text-5xl font-semibold mb-4 text-center" + textBoxDescriptionClassName="text-lg text-gray-600 mb-12 text-center max-w-2xl mx-auto" /> @@ -224,13 +224,13 @@ export default function LandingPage() { tagAnimation="blur-reveal" features={[ { - id: "edge-1", title: "Full-Stack Team", description: "Production directors, strategists, and engineers under one roof. No handoffs, no lost momentum, no excuses.", imageSrc: "http://img.b2bpic.net/free-vector/website-design-proposal-template-design_742173-24598.jpg?_wi=4", imageAlt: "Team collaboration" + id: "edge-1", title: "Full-Stack Team", description: "Production directors, strategists, and engineers under one roof. No handoffs, no lost momentum, no excuses.", imageSrc: "http://img.b2bpic.net/free-vector/website-design-proposal-template-design_742173-24598.jpg", imageAlt: "Team collaboration" }, { - id: "edge-2", title: "Outcome-Focused", description: "We don't measure success by deliverables. We measure by your results: leads, revenue, market share, brand lift.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-fitness-businesses-app-template_52683-151981.jpg?_wi=4", imageAlt: "Results and metrics" + id: "edge-2", title: "Outcome-Focused", description: "We don't measure success by deliverables. We measure by your results: leads, revenue, market share, brand lift.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-fitness-businesses-app-template_52683-151981.jpg", imageAlt: "Results and metrics" }, { - id: "edge-3", title: "Fast Turnaround", description: "Our integrated process cuts typical timelines in half. You get to market first. Your competitors catch up later.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-colleagues-looking-post-its_23-2149362913.jpg?_wi=4", imageAlt: "Fast execution timeline" + id: "edge-3", title: "Fast Turnaround", description: "Our integrated process cuts typical timelines in half. You get to market first. Your competitors catch up later.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-colleagues-looking-post-its_23-2149362913.jpg", imageAlt: "Fast execution timeline" } ]} gridVariant="three-columns-all-equal-width" @@ -238,8 +238,8 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} containerClassName="max-w-7xl mx-auto px-6 py-20" - titleClassName="text-4xl lg:text-5xl font-semibold mb-4 text-center" - descriptionClassName="text-lg text-gray-600 mb-12 text-center max-w-2xl mx-auto" + cardTitleClassName="text-4xl lg:text-5xl font-semibold mb-4 text-center" + cardDescriptionClassName="text-lg text-gray-600 mb-12 text-center max-w-2xl mx-auto" /> @@ -247,13 +247,13 @@ export default function LandingPage() {