bender/8d49c6f4-a2d1-46e6-bbea-14abfed3afdb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_2
Branches Tags
bender:main bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_3
Branches Tags
bender:main bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1

6 Commits
version_2 ... version_3

Author SHA1 Message Date
bender
a75ccc89a7 Update src/app/page.tsx 2026-03-03 09:09:52 +00:00
bender
17d59af85f Update src/app/page.tsx 2026-03-03 09:07:51 +00:00
bender
19eea172b0 Update src/app/styles/variables.css 2026-03-03 09:06:50 +00:00
bender
003cf540f0 Update src/app/page.tsx 2026-03-03 09:06:49 +00:00
bender
2959ada604 Update src/app/layout.tsx 2026-03-03 09:06:47 +00:00
bender
924fda1efd Merge version_2 into main 
Merge version_2 into main
 2026-03-03 08:41:04 +00:00
3 changed files with 51 additions and 58 deletions
Expand all files Collapse all files

9
src/app/layout.tsx
View File

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

80
src/app/page.tsx
View File

@@ -1,30 +1,30 @@
"use client"; "use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel'; import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
import TextAbout from '@/components/sections/about/TextAbout'; import TextAbout from "@/components/sections/about/TextAbout";
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen'; import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
import MetricCardTen from '@/components/sections/metrics/MetricCardTen'; import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
import ProductCardTwo from '@/components/sections/product/ProductCardTwo'; import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo'; import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
import FaqDouble from '@/components/sections/faq/FaqDouble'; import FaqDouble from "@/components/sections/faq/FaqDouble";
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal'; import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Brain, CheckCircle, Clock, MessageSquare, RefreshCw, Sparkles, Target, Users, Zap, TrendingUp } from 'lucide-react'; import { Brain, CheckCircle, Clock, MessageSquare, RefreshCw, Sparkles, Target, Users, Zap, TrendingUp } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="icon-arrow" defaultButtonVariant="expand-hover"
defaultTextAnimation="background-highlight" defaultTextAnimation="entrance-slide"
borderRadius="soft" borderRadius="rounded"
contentWidth="smallMedium" contentWidth="mediumLarge"
sizing="mediumSizeLargeTitles" sizing="largeSizeMediumTitles"
background="none" background="none"
cardStyle="gradient-radial" cardStyle="solid"
primaryButtonStyle="double-inset" primaryButtonStyle="flat"
secondaryButtonStyle="layered" secondaryButtonStyle="solid"
headingFontWeight="normal" headingFontWeight="semibold"
> >
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleFullscreen <NavbarStyleFullscreen
@@ -48,16 +48,16 @@ export default function LandingPage() {
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="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."
background={{ variant: "plain" }} background={{ variant: "plain" }}
leftCarouselItems={[ 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" }, { videoSrc: "https://videos.pexels.com/video-files/3962757/3962757-hd_1920_1080_25fps.mp4?_wi=1", videoAriaLabel: "creative production team collaboration" },
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-working-together_23-2149636267.jpg?_wi=1", imageAlt: "creative agency design collaboration" }, { videoSrc: "https://videos.pexels.com/video-files/5632663/5632663-hd_1920_1080_30fps.mp4?_wi=1", videoAriaLabel: "team working on creative project" },
{ imageSrc: "http://img.b2bpic.net/free-photo/filmmaker-refining-movie-footage_482257-121322.jpg?_wi=1", imageAlt: "video production creative modern" }, { videoSrc: "https://videos.pexels.com/video-files/3962705/3962705-hd_1920_1080_25fps.mp4?_wi=1", videoAriaLabel: "video production in progress" },
{ 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/5632663/5632663-hd_1920_1080_30fps.mp4?_wi=2", videoAriaLabel: "creative studio work" }
]} ]}
rightCarouselItems={[ rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-working-together_23-2149636267.jpg?_wi=2", imageAlt: "creative agency team" }, { videoSrc: "https://videos.pexels.com/video-files/3962757/3962757-hd_1920_1080_25fps.mp4?_wi=2", videoAriaLabel: "creative team workspace" },
{ imageSrc: "http://img.b2bpic.net/free-photo/filmmaker-refining-movie-footage_482257-121322.jpg?_wi=3", imageAlt: "production" }, { videoSrc: "https://videos.pexels.com/video-files/5632663/5632663-hd_1920_1080_30fps.mp4?_wi=3", videoAriaLabel: "production setup" },
{ imageSrc: "http://img.b2bpic.net/free-photo/filmmaker-refining-movie-footage_482257-121322.jpg?_wi=4", imageAlt: "studio" }, { videoSrc: "https://videos.pexels.com/video-files/3962705/3962705-hd_1920_1080_25fps.mp4?_wi=2", videoAriaLabel: "filming session" },
{ 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=3", videoAriaLabel: "creative workspace" }
]} ]}
buttons={[ buttons={[
{ text: "See the plans", href: "pricing" }, { text: "See the plans", href: "pricing" },
@@ -85,7 +85,7 @@ export default function LandingPage() {
tag="The Reblues model" tag="The Reblues model"
features={[ 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: [ items: [
{ icon: Brain, text: "Complete brand audit" }, { icon: Brain, text: "Complete brand audit" },
{ icon: Target, text: "Audience mapping" }, { icon: Target, text: "Audience mapping" },
@@ -94,7 +94,7 @@ export default function LandingPage() {
reverse: false 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: [ items: [
{ icon: MessageSquare, text: "Simple submission" }, { icon: MessageSquare, text: "Simple submission" },
{ icon: Users, text: "Single point of contact" }, { icon: Users, text: "Single point of contact" },
@@ -103,7 +103,7 @@ export default function LandingPage() {
reverse: true 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: [ items: [
{ icon: CheckCircle, text: "Quality assurance" }, { icon: CheckCircle, text: "Quality assurance" },
{ icon: Zap, text: "Fast turnaround" }, { icon: Zap, text: "Fast turnaround" },
@@ -154,43 +154,43 @@ export default function LandingPage() {
products={[ products={[
{ {
id: "1", brand: "Creative Assets", name: "Campaign Creative", price: "Unlimited", rating: 5, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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" gridVariant="three-columns-all-equal-width"

20
src/app/styles/variables.css
View File

@@ -3,22 +3,22 @@
/* --vw is set by ThemeProvider */ /* --vw is set by ThemeProvider */
/* --background: #ffffff;; /* --background: #ffffff;;
--card: #f7f5f2;; --card: #f9f9f9;;
--foreground: #1a1a1a;; --foreground: #1a1a1a;;
--primary-cta: #e8442a;; --primary-cta: #000000;;
--secondary-cta: #ffffff;; --secondary-cta: #f9f9f9;;
--accent: #e8442a;; --accent: #e2e2e2;;
--background-accent: #f7f5f2;; */ --background-accent: #c4c4c4;; */
--background: #ffffff;; --background: #ffffff;;
--card: #f7f5f2;; --card: #f9f9f9;;
--foreground: #1a1a1a;; --foreground: #1a1a1a;;
--primary-cta: #e8442a;; --primary-cta: #000000;;
--primary-cta-text: #ffffff;; --primary-cta-text: #ffffff;;
--secondary-cta: #ffffff;; --secondary-cta: #f9f9f9;;
--secondary-cta-text: #1a1a1a;; --secondary-cta-text: #1a1a1a;;
--accent: #e8442a;; --accent: #e2e2e2;;
--background-accent: #f7f5f2;; --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);