Merge version_1 into main #1
219
src/app/page.tsx
219
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Work",
|
||||
id: "#portfolio",
|
||||
},
|
||||
{
|
||||
name: "Framework",
|
||||
id: "#framework",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Start Project",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Work", id: "#portfolio" },
|
||||
{ name: "Framework", id: "#framework" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Start Project", id: "#contact" },
|
||||
]}
|
||||
brandName="UTE"
|
||||
/>
|
||||
@@ -53,84 +41,35 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="We don’t edit videos. We build systems that sell."
|
||||
description="Editing for creators who want growth, not just aesthetics."
|
||||
kpis={[
|
||||
{
|
||||
value: "10M+",
|
||||
label: "Views Generated",
|
||||
},
|
||||
{
|
||||
value: "200%",
|
||||
label: "Avg Conversion",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Systems Built",
|
||||
},
|
||||
{ value: "10M+", label: "Views Generated" },
|
||||
{ value: "200%", label: "Avg Conversion" },
|
||||
{ value: "50+", label: "Systems Built" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Work",
|
||||
href: "#portfolio",
|
||||
},
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Work", href: "#portfolio" },
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-square-blinds-oscillation-background-3d-walls-wavy-surface-geometric-elements-displacement_1217-2523.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-sale-busioness-background-banner-design-multipurpose_1340-16803.jpg",
|
||||
alt: "Client representative 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-dark-layered-paper-background_84443-83722.jpg",
|
||||
alt: "Client representative 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-3d-black-paper-style-background_24972-2017.jpg",
|
||||
alt: "Client representative 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/teal-distorted-geometric-square-tile-texture-background_53876-102537.jpg",
|
||||
alt: "Client representative 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-handsome-hacker-work-man-hood-headphones-looking-laptop-screen-typing-hacking-computer-concept_74855-24673.jpg",
|
||||
alt: "Client representative 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/abstract-sale-busioness-background-banner-design-multipurpose_1340-16803.jpg", alt: "Client representative 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/abstract-dark-layered-paper-background_84443-83722.jpg", alt: "Client representative 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-3d-black-paper-style-background_24972-2017.jpg", alt: "Client representative 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/teal-distorted-geometric-square-tile-texture-background_53876-102537.jpg", alt: "Client representative 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-handsome-hacker-work-man-hood-headphones-looking-laptop-screen-typing-hacking-computer-concept_74855-24673.jpg", alt: "Client representative 5" }
|
||||
]}
|
||||
avatarText="Trusted by 50+ growth-focused brands"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Performance First",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Data-Driven",
|
||||
icon: BarChart,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Retention Focused",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Systemized",
|
||||
icon: Settings,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Conversion Heavy",
|
||||
},
|
||||
{ type: "text", text: "Performance First" },
|
||||
{ type: "text-icon", text: "Data-Driven", icon: BarChart },
|
||||
{ type: "text", text: "Retention Focused" },
|
||||
{ type: "text-icon", text: "Systemized", icon: Settings },
|
||||
{ type: "text", text: "Conversion Heavy" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -139,51 +78,30 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "This is not just editing",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/upset-fan-watching-live-sports-event-tv-living-room-suffering_482257-120610.jpg",
|
||||
alt: "Video Player",
|
||||
},
|
||||
{ type: "text", content: "This is not just editing" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/upset-fan-watching-live-sports-event-tv-living-room-suffering_482257-120610.jpg", alt: "Video Player" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Short-form Content",
|
||||
tags: [
|
||||
"Retention",
|
||||
"Viral",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bubbles-rainbow-background_23-2148227302.jpg",
|
||||
id: "p1", title: "Short-form Content", tags: ["Retention", "Viral"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bubbles-rainbow-background_23-2148227302.jpg"
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
title: "High-Converting VSLs",
|
||||
tags: [
|
||||
"Conversion",
|
||||
"Strategy",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/digital-marketing-template-design_23-2150267402.jpg",
|
||||
id: "p2", title: "High-Converting VSLs", tags: ["Conversion", "Strategy"],
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/digital-marketing-template-design_23-2150267402.jpg"
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Retention Edits",
|
||||
tags: [
|
||||
"Frameworks",
|
||||
"Systems",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-designers-working-office_23-2149307796.jpg",
|
||||
},
|
||||
id: "p3", title: "Retention Edits", tags: ["Frameworks", "Systems"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-designers-working-office_23-2149307796.jpg"
|
||||
}
|
||||
]}
|
||||
title="Portfolio"
|
||||
description="Selected work showcasing retention and conversion."
|
||||
@@ -196,21 +114,9 @@ export default function LandingPage() {
|
||||
title="Editing is not the service. The system is."
|
||||
tag="Our Methodology"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Hook",
|
||||
description: "Stopping the scroll in 3 seconds.",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Retention",
|
||||
description: "Maintaining attention through logic.",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Conversion",
|
||||
description: "Moving viewers to action.",
|
||||
},
|
||||
{ id: "m1", value: "Hook", description: "Stopping the scroll in 3 seconds." },
|
||||
{ id: "m2", value: "Retention", description: "Maintaining attention through logic." },
|
||||
{ id: "m3", value: "Conversion", description: "Moving viewers to action." }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -223,46 +129,11 @@ export default function LandingPage() {
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Rivet",
|
||||
role: "Creative Lead",
|
||||
company: "Growth Agency",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reflection-light-prisms-colorful-effect_23-2148898186.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah J.",
|
||||
role: "Founder",
|
||||
company: "Direct-to-Consumer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-yellow-blue-lights_400718-28.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mark D.",
|
||||
role: "Marketing Director",
|
||||
company: "SaaS Platform",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-rays-prism-high-view_23-2148771771.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena K.",
|
||||
role: "Creator",
|
||||
company: "Youtube Partner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/prism-dispersing-colorful-lights_23-2148599249.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sam W.",
|
||||
role: "Manager",
|
||||
company: "Tech Ventures",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-business-template_23-2149336692.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alex Rivet", role: "Creative Lead", company: "Growth Agency", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/reflection-light-prisms-colorful-effect_23-2148898186.jpg" },
|
||||
{ id: "t2", name: "Sarah J.", role: "Founder", company: "Direct-to-Consumer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/red-yellow-blue-lights_400718-28.jpg" },
|
||||
{ id: "t3", name: "Mark D.", role: "Marketing Director", company: "SaaS Platform", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/light-rays-prism-high-view_23-2148771771.jpg" },
|
||||
{ id: "t4", name: "Elena K.", role: "Creator", company: "Youtube Partner", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/prism-dispersing-colorful-lights_23-2148599249.jpg" },
|
||||
{ id: "t5", name: "Sam W.", role: "Manager", company: "Tech Ventures", rating: 5, imageSrc: "http://img.b2bpic.net/free-psd/flat-design-business-template_23-2149336692.jpg" }
|
||||
]}
|
||||
title="Why UTE?"
|
||||
description="UTE focuses on performance-driven editing using proven frameworks instead of trends."
|
||||
@@ -272,9 +143,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Contact Us"
|
||||
title="Ready to build edits that actually convert?"
|
||||
description="Stop guessing and start converting. Let's discuss your project."
|
||||
@@ -285,14 +154,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="UTE"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user