8 Commits

Author SHA1 Message Date
f0e0398450 Update src/app/page.tsx 2026-03-14 19:30:43 +00:00
5b66d7e3e2 Update src/app/page.tsx 2026-03-14 19:30:12 +00:00
7c16b4cea7 Merge version_1 into main
Merge version_1 into main
2026-03-14 19:28:32 +00:00
5ca68a21f3 Update theme colors 2026-03-14 19:28:26 +00:00
9b19a56917 Merge version_1 into main
Merge version_1 into main
2026-03-14 19:18:48 +00:00
9cfa6d9876 Update src/app/page.tsx 2026-03-14 19:18:44 +00:00
96011ea9bd Merge version_1 into main
Merge version_1 into main
2026-03-14 19:18:23 +00:00
b4e1cbaf7d Update src/app/page.tsx 2026-03-14 19:18:19 +00:00
2 changed files with 32 additions and 37 deletions

View File

@@ -2,7 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial'; import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne'; import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree'; import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import ProductCardOne from '@/components/sections/product/ProductCardOne'; import ProductCardOne from '@/components/sections/product/ProductCardOne';
@@ -21,7 +21,7 @@ export default function LandingPage() {
borderRadius="rounded" borderRadius="rounded"
contentWidth="compact" contentWidth="compact"
sizing="mediumSizeLargeTitles" sizing="mediumSizeLargeTitles"
background={{ variant: "animated-grid" }} background="circleGradient"
cardStyle="inset" cardStyle="inset"
primaryButtonStyle="primary-glow" primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered" secondaryButtonStyle="layered"
@@ -40,7 +40,7 @@ export default function LandingPage() {
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardTestimonial <HeroBillboardCarousel
title="We don't just make content. We Distract." title="We don't just make content. We Distract."
description="Production × Marketing × SaaS & Apps. Three disciplines, one outcome: brands that move." description="Production × Marketing × SaaS & Apps. Three disciplines, one outcome: brands that move."
tag="Full-Stack Creative" tag="Full-Stack Creative"
@@ -52,22 +52,17 @@ export default function LandingPage() {
]} ]}
buttonAnimation="blur-reveal" buttonAnimation="blur-reveal"
background={{ variant: "animated-grid" }} background={{ variant: "animated-grid" }}
useInvertedBackground={false} mediaItems={[
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/blond-business-woman-standing-with-crossed-arms_23-2148095774.jpg?_wi=1", imageAlt: "Creative workspace"
imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-standing-with-crossed-arms_23-2148095774.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-vector/modern-business-stationery-collection_23-2148369110.jpg?_wi=1", imageAlt: "Design mockups"
imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.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-vector/gradient-ui-kit-collection_23-2149203795.jpg?_wi=1", imageAlt: "UI components"
imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg", imageAlt: "Emma Walsh creative director"
} }
]} ]}
testimonialRotationInterval={5000}
className="w-full" className="w-full"
containerClassName="max-w-7xl mx-auto px-6 py-24 lg:py-32" containerClassName="max-w-7xl mx-auto px-6 py-24 lg:py-32"
titleClassName="text-5xl lg:text-7xl font-semibold leading-tight mb-6" titleClassName="text-5xl lg:text-7xl font-semibold leading-tight mb-6"
@@ -104,13 +99,13 @@ export default function LandingPage() {
tagAnimation="blur-reveal" tagAnimation="blur-reveal"
features={[ 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/modern-business-stationery-collection_23-2148369110.jpg", 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/modern-business-stationery-collection_23-2148369110.jpg?_wi=1", 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/flat-mosaic-brand-stationery-collection_23-2149036658.jpg", 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/flat-mosaic-brand-stationery-collection_23-2149036658.jpg?_wi=1", 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-vector/gradient-ui-kit-collection_23-2149203795.jpg", 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-vector/gradient-ui-kit-collection_23-2149203795.jpg?_wi=1", imageAlt: "Timeline delays illustration"
} }
]} ]}
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
@@ -132,13 +127,13 @@ export default function LandingPage() {
tagAnimation="blur-reveal" tagAnimation="blur-reveal"
products={[ products={[
{ {
id: "service-production", name: "Production", price: "Full-service creative", imageSrc: "http://img.b2bpic.net/free-vector/modern-business-stationery-collection_23-2148369110.jpg", imageAlt: "Production services" id: "service-production", name: "Production", price: "Full-service creative", imageSrc: "http://img.b2bpic.net/free-vector/modern-business-stationery-collection_23-2148369110.jpg?_wi=2", imageAlt: "Production services"
}, },
{ {
id: "service-marketing", name: "Marketing", price: "Strategy & campaigns", imageSrc: "http://img.b2bpic.net/free-vector/flat-mosaic-brand-stationery-collection_23-2149036658.jpg", imageAlt: "Marketing services" id: "service-marketing", name: "Marketing", price: "Strategy & campaigns", imageSrc: "http://img.b2bpic.net/free-vector/flat-mosaic-brand-stationery-collection_23-2149036658.jpg?_wi=2", imageAlt: "Marketing services"
}, },
{ {
id: "service-saas", name: "SaaS & Apps", price: "Design & development", imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-kit-collection_23-2149203795.jpg", imageAlt: "SaaS services" id: "service-saas", name: "SaaS & Apps", price: "Design & development", imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-kit-collection_23-2149203795.jpg?_wi=2", imageAlt: "SaaS services"
} }
]} ]}
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
@@ -161,13 +156,13 @@ export default function LandingPage() {
tagAnimation="blur-reveal" tagAnimation="blur-reveal"
features={[ 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/modern-business-stationery-collection_23-2148369110.jpg", 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/modern-business-stationery-collection_23-2148369110.jpg?_wi=3", 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/flat-mosaic-brand-stationery-collection_23-2149036658.jpg", 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/flat-mosaic-brand-stationery-collection_23-2149036658.jpg?_wi=3", 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-vector/gradient-ui-kit-collection_23-2149203795.jpg", 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-vector/gradient-ui-kit-collection_23-2149203795.jpg?_wi=3", imageAlt: "CloudScale case study"
} }
]} ]}
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
@@ -220,13 +215,13 @@ export default function LandingPage() {
tagAnimation="blur-reveal" tagAnimation="blur-reveal"
features={[ 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/modern-business-stationery-collection_23-2148369110.jpg", 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/modern-business-stationery-collection_23-2148369110.jpg?_wi=4", 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/flat-mosaic-brand-stationery-collection_23-2149036658.jpg", 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/flat-mosaic-brand-stationery-collection_23-2149036658.jpg?_wi=4", 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-vector/gradient-ui-kit-collection_23-2149203795.jpg", 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-vector/gradient-ui-kit-collection_23-2149203795.jpg?_wi=4", imageAlt: "Fast execution timeline"
} }
]} ]}
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
@@ -243,13 +238,13 @@ export default function LandingPage() {
<TestimonialCardTwelve <TestimonialCardTwelve
testimonials={[ testimonials={[
{ {
id: "testimonial-1", name: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-standing-with-crossed-arms_23-2148095774.jpg", imageAlt: "Sarah Chen, Founder" id: "testimonial-1", name: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-standing-with-crossed-arms_23-2148095774.jpg?_wi=2", imageAlt: "Sarah Chen, Founder"
}, },
{ {
id: "testimonial-2", name: "Marcus Reed", imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", imageAlt: "Marcus Reed, CEO" id: "testimonial-2", name: "Marcus Reed", imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg?_wi=2", imageAlt: "Marcus Reed, CEO"
}, },
{ {
id: "testimonial-3", name: "Emma Walsh", imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg", imageAlt: "Emma Walsh, Creative Director" id: "testimonial-3", name: "Emma Walsh", imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg?_wi=2", imageAlt: "Emma Walsh, Creative Director"
}, },
{ {
id: "testimonial-4", name: "James Liu", imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg", imageAlt: "James Liu, Product Lead" id: "testimonial-4", name: "James Liu", imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg", imageAlt: "James Liu, Product Lead"
@@ -270,7 +265,7 @@ export default function LandingPage() {
text="Ready to distract your market?" text="Ready to distract your market?"
animationType="background-highlight" animationType="background-highlight"
buttons={[{ text: "Get a quote", href: "#contact" }]} buttons={[{ text: "Get a quote", href: "#contact" }]}
background={{ variant: "grid" }} background={{ variant: "animated-grid" }}
useInvertedBackground={false} useInvertedBackground={false}
containerClassName="max-w-7xl mx-auto px-6 py-16" containerClassName="max-w-7xl mx-auto px-6 py-16"
contentClassName="text-center py-12" contentClassName="text-center py-12"

View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #f5f5f5; --background: #ffffff;
--card: #ffffff; --card: #f9f9f9;
--foreground: #1c1c1c; --foreground: #000612e6;
--primary-cta: #6139e6; --primary-cta: #15479c;
--primary-cta-text: #f5f5f5; --primary-cta-text: #ffffff;
--secondary-cta: #ffffff; --secondary-cta: #f9f9f9;
--secondary-cta-text: #1c1c1c; --secondary-cta-text: #000612e6;
--accent: #6139e6; --accent: #e2e2e2;
--background-accent: #b3a8e8; --background-accent: #c4c4c4;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);