13 Commits

Author SHA1 Message Date
46c2a0f27c Merge version_5 into main
Merge version_5 into main
2026-03-03 13:33:15 +00:00
6bb3a0fb4a Update src/app/page.tsx 2026-03-03 13:33:09 +00:00
d79b9c8147 Merge version_4 into main
Merge version_4 into main
2026-03-03 09:34:09 +00:00
5f4700443f Update src/app/page.tsx 2026-03-03 09:34:04 +00:00
82856e8b60 Merge version_3 into main
Merge version_3 into main
2026-03-03 09:09:59 +00:00
a75ccc89a7 Update src/app/page.tsx 2026-03-03 09:09:52 +00:00
9dc7cd8db3 Merge version_3 into main
Merge version_3 into main
2026-03-03 09:07:55 +00:00
17d59af85f Update src/app/page.tsx 2026-03-03 09:07:51 +00:00
a548e7b6b0 Merge version_3 into main
Merge version_3 into main
2026-03-03 09:06:58 +00:00
19eea172b0 Update src/app/styles/variables.css 2026-03-03 09:06:50 +00:00
003cf540f0 Update src/app/page.tsx 2026-03-03 09:06:49 +00:00
2959ada604 Update src/app/layout.tsx 2026-03-03 09:06:47 +00:00
924fda1efd Merge version_2 into main
Merge version_2 into main
2026-03-03 08:41:04 +00:00
3 changed files with 55 additions and 61 deletions

View File

@@ -1,14 +1,9 @@
import type { Metadata } from "next";
import { DM_Sans } from "next/font/google";
import { Inter } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const dmSans = DM_Sans({
variable: "--font-dm-sans", subsets: ["latin"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
@@ -38,9 +33,7 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${dmSans.variable} ${inter.variable} antialiased`}
>
<body className={`${inter.variable} antialiased`}>
<Tag />
{children}

View File

@@ -1,30 +1,30 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Brain, CheckCircle, Clock, MessageSquare, RefreshCw, Sparkles, Target, Users, Zap, TrendingUp } from 'lucide-react';
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
import TextAbout from "@/components/sections/about/TextAbout";
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Brain, CheckCircle, Clock, MessageSquare, RefreshCw, Sparkles, Target, Users, Zap, TrendingUp } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="smallMedium"
sizing="mediumSizeLargeTitles"
defaultButtonVariant="expand-hover"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="largeSizeMediumTitles"
background="none"
cardStyle="gradient-radial"
primaryButtonStyle="double-inset"
secondaryButtonStyle="layered"
headingFontWeight="normal"
cardStyle="solid"
primaryButtonStyle="flat"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
@@ -45,19 +45,19 @@ export default function LandingPage() {
<HeroSplitDoubleCarousel
tag="On-demand creative production"
title="The creative team that already knows your brand."
description="Unlimited campaign creatives, social content, explainer videos, product films, and more — on a flat monthly fee. You submit the request. We already have the context. Finished creative lands in your inbox within a defined window, every time."
description="Get unlimited creative production in 2-7 days at a flat monthly fee — no retainers, no scope creep. Submit your request. We already have the context. Finished creative lands in your inbox within the defined window, every time."
background={{ variant: "plain" }}
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/group-business-executives-interacting-with-each-other_1170-760.jpg?_wi=1", imageAlt: "creative production team workspace" },
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-working-together_23-2149636267.jpg?_wi=1", imageAlt: "creative agency design collaboration" },
{ imageSrc: "http://img.b2bpic.net/free-photo/filmmaker-refining-movie-footage_482257-121322.jpg?_wi=1", imageAlt: "video production creative modern" },
{ imageSrc: "http://img.b2bpic.net/free-photo/filmmaker-refining-movie-footage_482257-121322.jpg?_wi=2", imageAlt: "creative studio production design" }
{ videoSrc: "https://videos.pexels.com/video-files/3962757/3962757-hd_1920_1080_25fps.mp4?_wi=1", videoAriaLabel: "creative production team collaboration" },
{ videoSrc: "https://videos.pexels.com/video-files/5632663/5632663-hd_1920_1080_30fps.mp4?_wi=1", videoAriaLabel: "team working on creative project" },
{ videoSrc: "https://videos.pexels.com/video-files/3962705/3962705-hd_1920_1080_25fps.mp4?_wi=1", videoAriaLabel: "video production in progress" },
{ videoSrc: "https://videos.pexels.com/video-files/5632663/5632663-hd_1920_1080_30fps.mp4?_wi=2", videoAriaLabel: "creative studio work" }
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-working-together_23-2149636267.jpg?_wi=2", imageAlt: "creative agency team" },
{ imageSrc: "http://img.b2bpic.net/free-photo/filmmaker-refining-movie-footage_482257-121322.jpg?_wi=3", imageAlt: "production" },
{ imageSrc: "http://img.b2bpic.net/free-photo/filmmaker-refining-movie-footage_482257-121322.jpg?_wi=4", imageAlt: "studio" },
{ imageSrc: "http://img.b2bpic.net/free-photo/group-business-executives-interacting-with-each-other_1170-760.jpg?_wi=2", imageAlt: "workspace" }
{ videoSrc: "https://videos.pexels.com/video-files/3962757/3962757-hd_1920_1080_25fps.mp4?_wi=2", videoAriaLabel: "creative team workspace" },
{ videoSrc: "https://videos.pexels.com/video-files/5632663/5632663-hd_1920_1080_30fps.mp4?_wi=3", videoAriaLabel: "production setup" },
{ videoSrc: "https://videos.pexels.com/video-files/3962705/3962705-hd_1920_1080_25fps.mp4?_wi=2", videoAriaLabel: "filming session" },
{ videoSrc: "https://videos.pexels.com/video-files/3962757/3962757-hd_1920_1080_25fps.mp4?_wi=3", videoAriaLabel: "creative workspace" }
]}
buttons={[
{ text: "See the plans", href: "pricing" },
@@ -85,7 +85,7 @@ export default function LandingPage() {
tag="The Reblues model"
features={[
{
id: "1", title: "We learn your brand.", description: "Before anything gets made, we run a full brand context session. Your product, your audience, your goals, your tone of voice, and what every asset you make needs to achieve. We carry that context into every request from day one — permanently.", media: { imageSrc: "http://img.b2bpic.net/free-vector/modern-business-infographic-template_23-2148446318.jpg?_wi=1" },
id: "1", title: "We learn your brand.", description: "Before anything gets made, we run a full brand context session. Your product, your audience, your goals, your tone of voice, and what every asset you make needs to achieve. We carry that context into every request from day one — permanently.", media: { videoSrc: "https://videos.pexels.com/video-files/3962757/3962757-hd_1920_1080_25fps.mp4?_wi=4", videoAriaLabel: "brand learning session" },
items: [
{ icon: Brain, text: "Complete brand audit" },
{ icon: Target, text: "Audience mapping" },
@@ -94,7 +94,7 @@ export default function LandingPage() {
reverse: false
},
{
id: "2", title: "You submit the request.", description: "One sentence or a full brief — either works. Your project manager picks it up, confirms the delivery window, and it moves into production immediately. One point of contact. You explain things once. Never again.", media: { imageSrc: "http://img.b2bpic.net/free-photo/group-business-executives-interacting-with-each-other_1170-760.jpg?_wi=3" },
id: "2", title: "You submit the request.", description: "One sentence or a full brief — either works. Your project manager picks it up, confirms the delivery window, and it moves into production immediately. One point of contact. You explain things once. Never again.", media: { videoSrc: "https://videos.pexels.com/video-files/5632663/5632663-hd_1920_1080_30fps.mp4?_wi=4", videoAriaLabel: "request submission process" },
items: [
{ icon: MessageSquare, text: "Simple submission" },
{ icon: Users, text: "Single point of contact" },
@@ -103,7 +103,7 @@ export default function LandingPage() {
reverse: true
},
{
id: "3", title: "Finished creative lands in your inbox.", description: "The art director breaks it down, the right people get to work, and it's reviewed internally before you see it. First draft arrives within the defined delivery window. You give feedback, we refine, it ships. Then you submit the next one.", media: { imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-working-together_23-2149636267.jpg?_wi=3" },
id: "3", title: "Finished creative lands in your inbox.", description: "The art director breaks it down, the right people get to work, and it's reviewed internally before you see it. First draft arrives within the defined delivery window. You give feedback, we refine, it ships. Then you submit the next one.", media: { videoSrc: "https://videos.pexels.com/video-files/3962705/3962705-hd_1920_1080_25fps.mp4?_wi=3", videoAriaLabel: "final delivery workflow" },
items: [
{ icon: CheckCircle, text: "Quality assurance" },
{ icon: Zap, text: "Fast turnaround" },
@@ -154,43 +154,43 @@ export default function LandingPage() {
products={[
{
id: "1", brand: "Creative Assets", name: "Campaign Creative", price: "Unlimited", rating: 5,
reviewCount: "Included", imageSrc: "http://img.b2bpic.net/free-photo/group-business-executives-interacting-with-each-other_1170-760.jpg?_wi=4", imageAlt: "Campaign creative assets"
reviewCount: "Included", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop&_wi=1", imageAlt: "Campaign creative assets"
},
{
id: "2", brand: "Social Content", name: "Social Content & Carousels", price: "Unlimited", rating: 5,
reviewCount: "Included", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-working-together_23-2149636267.jpg?_wi=4", imageAlt: "Social media content"
reviewCount: "Included", imageSrc: "https://images.unsplash.com/photo-1611532736597-de2d4265fba3?w=500&h=500&fit=crop", imageAlt: "Social media content"
},
{
id: "3", brand: "Video Production", name: "Reels & Short-Form Video", price: "Unlimited", rating: 5,
reviewCount: "Included", imageSrc: "http://img.b2bpic.net/free-photo/filmmaker-refining-movie-footage_482257-121322.jpg?_wi=5", imageAlt: "Video production"
reviewCount: "Included", imageSrc: "https://images.unsplash.com/photo-1574375927938-d5a98e8ffe85?w=500&h=500&fit=crop", imageAlt: "Video production"
},
{
id: "4", brand: "Explainers", name: "Explainer & Product Videos", price: "Unlimited", rating: 5,
reviewCount: "Included", imageSrc: "http://img.b2bpic.net/free-vector/modern-business-infographic-template_23-2148446318.jpg?_wi=2", imageAlt: "Explainer videos"
reviewCount: "Included", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=500&h=500&fit=crop", imageAlt: "Explainer videos"
},
{
id: "5", brand: "Product Films", name: "Launch & Hero Videos", price: "Unlimited", rating: 5,
reviewCount: "Included", imageSrc: "http://img.b2bpic.net/free-photo/filmmaker-refining-movie-footage_482257-121322.jpg?_wi=6", imageAlt: "Product film"
reviewCount: "Included", imageSrc: "https://images.unsplash.com/photo-1516321318423-f06f70db4397?w=500&h=500&fit=crop", imageAlt: "Product film"
},
{
id: "6", brand: "VSL Production", name: "VSL & Conversion Video", price: "Unlimited", rating: 5,
reviewCount: "Included", imageSrc: "http://img.b2bpic.net/free-photo/group-business-executives-interacting-with-each-other_1170-760.jpg?_wi=5", imageAlt: "VSL production"
reviewCount: "Included", imageSrc: "https://images.unsplash.com/photo-1578749556568-bc2c40e68b61?w=500&h=500&fit=crop", imageAlt: "VSL production"
},
{
id: "7", brand: "Motion Graphics", name: "Motion Graphics & Animation", price: "Unlimited", rating: 5,
reviewCount: "Included", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-working-together_23-2149636267.jpg?_wi=5", imageAlt: "Motion graphics"
reviewCount: "Included", imageSrc: "https://images.unsplash.com/photo-1559028615-cd4628902d4a?w=500&h=500&fit=crop", imageAlt: "Motion graphics"
},
{
id: "8", brand: "Testimonials", name: "Testimonial Videos", price: "Unlimited", rating: 5,
reviewCount: "Included", imageSrc: "http://img.b2bpic.net/free-photo/filmmaker-refining-movie-footage_482257-121322.jpg?_wi=7", imageAlt: "Testimonial videos"
reviewCount: "Included", imageSrc: "https://images.unsplash.com/photo-1598327105666-5b89351aff97?w=500&h=500&fit=crop", imageAlt: "Testimonial videos"
},
{
id: "9", brand: "Presentations", name: "Pitch & Sales Decks", price: "Unlimited", rating: 5,
reviewCount: "Included", imageSrc: "http://img.b2bpic.net/free-vector/modern-business-infographic-template_23-2148446318.jpg?_wi=3", imageAlt: "Presentation decks"
reviewCount: "Included", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop&_wi=2", imageAlt: "Presentation decks"
},
{
id: "10", brand: "Email Design", name: "Newsletter & Email Design", price: "Unlimited", rating: 5,
reviewCount: "Included", imageSrc: "http://img.b2bpic.net/free-photo/filmmaker-refining-movie-footage_482257-121322.jpg?_wi=8", imageAlt: "Email design"
reviewCount: "Included", imageSrc: "https://images.unsplash.com/photo-1611532736587-7f10f0c5e2e9?w=500&h=500&fit=crop", imageAlt: "Email design"
}
]}
gridVariant="three-columns-all-equal-width"
@@ -270,10 +270,11 @@ export default function LandingPage() {
<div id="cta-banner" data-section="cta-banner">
<TextAbout
title="Ready to stop rebriefing and start shipping?"
title="Ready to ship in 48 hours instead of 48 days?"
useInvertedBackground={false}
buttons={[
{ text: "Book a call", href: "#" }
{ text: "Book a call", href: "#" },
{ text: "See pricing", href: "pricing" }
]}
/>
</div>

View File

@@ -3,22 +3,22 @@
/* --vw is set by ThemeProvider */
/* --background: #ffffff;;
--card: #f7f5f2;;
--card: #f9f9f9;;
--foreground: #1a1a1a;;
--primary-cta: #e8442a;;
--secondary-cta: #ffffff;;
--accent: #e8442a;;
--background-accent: #f7f5f2;; */
--primary-cta: #000000;;
--secondary-cta: #f9f9f9;;
--accent: #e2e2e2;;
--background-accent: #c4c4c4;; */
--background: #ffffff;;
--card: #f7f5f2;;
--card: #f9f9f9;;
--foreground: #1a1a1a;;
--primary-cta: #e8442a;;
--primary-cta: #000000;;
--primary-cta-text: #ffffff;;
--secondary-cta: #ffffff;;
--secondary-cta: #f9f9f9;;
--secondary-cta-text: #1a1a1a;;
--accent: #e8442a;;
--background-accent: #f7f5f2;;
--accent: #e2e2e2;;
--background-accent: #c4c4c4;;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);