10 Commits

Author SHA1 Message Date
154df902cc Merge version_3 into main
Merge version_3 into main
2026-03-14 19:30:47 +00:00
f0e0398450 Update src/app/page.tsx 2026-03-14 19:30:43 +00:00
18e037f0fe Merge version_3 into main
Merge version_3 into main
2026-03-14 19:30:16 +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 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 FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
@@ -21,7 +21,7 @@ export default function LandingPage() {
borderRadius="rounded"
contentWidth="compact"
sizing="mediumSizeLargeTitles"
background={{ variant: "animated-grid" }}
background="circleGradient"
cardStyle="inset"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
@@ -40,7 +40,7 @@ export default function LandingPage() {
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
<HeroBillboardCarousel
title="We don't just make content. We Distract."
description="Production × Marketing × SaaS & Apps. Three disciplines, one outcome: brands that move."
tag="Full-Stack Creative"
@@ -52,22 +52,17 @@ export default function LandingPage() {
]}
buttonAnimation="blur-reveal"
background={{ variant: "animated-grid" }}
useInvertedBackground={false}
testimonials={[
mediaItems={[
{
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", imageAlt: "Sarah Chen founder"
imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-standing-with-crossed-arms_23-2148095774.jpg?_wi=1", imageAlt: "Creative workspace"
},
{
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/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"
imageSrc: "http://img.b2bpic.net/free-vector/modern-business-stationery-collection_23-2148369110.jpg?_wi=1", imageAlt: "Design mockups"
},
{
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/successful-senior-businesswoman-eyeglasses_1262-5856.jpg", imageAlt: "Emma Walsh creative director"
imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-kit-collection_23-2149203795.jpg?_wi=1", imageAlt: "UI components"
}
]}
testimonialRotationInterval={5000}
className="w-full"
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"
@@ -104,13 +99,13 @@ 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/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"
@@ -132,13 +127,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/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"
@@ -161,13 +156,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/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"
@@ -220,13 +215,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/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"
@@ -243,13 +238,13 @@ export default function LandingPage() {
<TestimonialCardTwelve
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"
@@ -270,7 +265,7 @@ export default function LandingPage() {
text="Ready to distract your market?"
animationType="background-highlight"
buttons={[{ text: "Get a quote", href: "#contact" }]}
background={{ variant: "grid" }}
background={{ variant: "animated-grid" }}
useInvertedBackground={false}
containerClassName="max-w-7xl mx-auto px-6 py-16"
contentClassName="text-center py-12"

View File

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