bender/33d19d1e-6583-46d2-8f0e-4242ed7b937e
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-03-11 11:37:15 +00:00
parent 104606bace 1f7c45009a
commit dcd1427f0b
2 changed files with 25 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/app/page.tsx
View File

@@ -53,7 +53,7 @@ export default function LandingPage() {
tag="Premium Creative Studio"
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{ variant: "circleGradient" }}
background={{ variant: "plain" }}
buttons={[
{ text: "View Our Work", href: "#portfolio" },
{ text: "Start Your Project", href: "#contact" }
@@ -64,7 +64,7 @@ export default function LandingPage() {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnWSnYbLbIlGHP1FEFTTBkys2K/a-cinematic-film-production-scene-with-p-1773228890344-21308eab.png", imageAlt: "Professional cinematic video production setup"
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnWSnYbLbIlGHP1FEFTTBkys2K/a-cinematic-still-from-a-high-end-brand--1773228890163-a38f07a7.png?_wi=1", imageAlt: "Cinematic brand video advertisement"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnWSnYbLbIlGHP1FEFTTBkys2K/a-cinematic-still-from-a-high-end-brand--1773228890163-a38f07a7.png", imageAlt: "Cinematic brand video advertisement"
}
]}
mediaAnimation="slide-up"
@@ -87,19 +87,19 @@ export default function LandingPage() {
features={[
{
id: 1,
title: "Concept & Strategy", description: "We dive deep into understanding your brand, target audience, and goals to craft a compelling creative direction.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnWSnYbLbIlGHP1FEFTTBkys2K/a-detailed-storyboard-visualization-show-1773228926189-c86d68f4.png?_wi=1", imageAlt: "Storyboard and planning"
title: "Concept & Strategy", description: "We dive deep into understanding your brand, target audience, and goals to craft a compelling creative direction.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnWSnYbLbIlGHP1FEFTTBkys2K/a-detailed-storyboard-visualization-show-1773228926189-c86d68f4.png", imageAlt: "Storyboard and planning"
},
{
id: 2,
title: "Pre-Production", description: "Detailed planning, storyboarding, mood boards, and creative briefs prepare us for a seamless production shoot.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnWSnYbLbIlGHP1FEFTTBkys2K/a-detailed-storyboard-visualization-show-1773228926189-c86d68f4.png?_wi=2", imageAlt: "Pre-production planning"
title: "Pre-Production", description: "Detailed planning, storyboarding, mood boards, and creative briefs prepare us for a seamless production shoot.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnWSnYbLbIlGHP1FEFTTBkys2K/a-detailed-storyboard-visualization-show-1773228926189-c86d68f4.png", imageAlt: "Pre-production planning"
},
{
id: 3,
title: "Production", description: "Using premium cinema cameras and professional equipment, we capture stunning visuals with precision and creativity.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnWSnYbLbIlGHP1FEFTTBkys2K/a-detailed-storyboard-visualization-show-1773228926189-c86d68f4.png?_wi=3", imageAlt: "Production filming"
title: "Production", description: "Using premium cinema cameras and professional equipment, we capture stunning visuals with precision and creativity.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnWSnYbLbIlGHP1FEFTTBkys2K/a-detailed-storyboard-visualization-show-1773228926189-c86d68f4.png", imageAlt: "Production filming"
},
{
id: 4,
title: "Post-Production", description: "Expert color grading, editing, sound design, and visual effects bring your vision to life with cinematic excellence.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnWSnYbLbIlGHP1FEFTTBkys2K/a-detailed-storyboard-visualization-show-1773228926189-c86d68f4.png?_wi=4", imageAlt: "Post-production editing"
title: "Post-Production", description: "Expert color grading, editing, sound design, and visual effects bring your vision to life with cinematic excellence.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnWSnYbLbIlGHP1FEFTTBkys2K/a-detailed-storyboard-visualization-show-1773228926189-c86d68f4.png", imageAlt: "Post-production editing"
}
]}
textboxLayout="default"
@@ -125,7 +125,7 @@ export default function LandingPage() {
products={[
{
id: "1", brand: "Luxury Brand", name: "Premium Product Video Campaign", price: "$85,000+", rating: 5,
reviewCount: "12.5k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnWSnYbLbIlGHP1FEFTTBkys2K/a-cinematic-still-from-a-high-end-brand--1773228890163-a38f07a7.png?_wi=2", imageAlt: "Premium brand video campaign"
reviewCount: "12.5k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnWSnYbLbIlGHP1FEFTTBkys2K/a-cinematic-still-from-a-high-end-brand--1773228890163-a38f07a7.png", imageAlt: "Premium brand video campaign"
},
{
id: "2", brand: "Fashion Brand", name: "Product Photography Series", price: "$45,000+", rating: 5,
@@ -304,7 +304,7 @@ export default function LandingPage() {
<ContactText
text="Ready to elevate your brand with cinematic excellence? Let's collaborate and create something extraordinary together."
animationType="entrance-slide"
background={{ variant: "circleGradient" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
buttons={[
{ text: "Schedule Consultation", href: "mailto:hello@modernizer-ai.com" },

54
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,31 @@
"use client";
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
import React from 'react';
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
text: string;
className?: string;
fill?: string;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({ text, className = '', fill = 'currentColor' }) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
viewBox={`0 0 ${text.length * 60} 120`}
className={className}
xmlns="http://www.w3.org/2000/svg"
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
x="50%"
y="50%"
textAnchor="middle"
dominantBaseline="central"
fontSize="72"
fontWeight="bold"
fill={fill}
>
{logoText}
{text}
</text>
</svg>
);
});
};
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
export default SvgTextLogo;