Merge version_2 into main #2
165
src/app/page.tsx
165
src/app/page.tsx
@@ -30,42 +30,29 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Philosophy",
|
||||
id: "philosophy",
|
||||
},
|
||||
name: "Philosophy", id: "philosophy"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Work",
|
||||
id: "work",
|
||||
},
|
||||
name: "Work", id: "work"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
},
|
||||
name: "Process", id: "process"},
|
||||
]}
|
||||
brandName="CREO"
|
||||
button={{
|
||||
text: "Apply to Work With Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Apply to Work With Us", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "downward-rays-animated",
|
||||
}}
|
||||
variant: "downward-rays-animated"}}
|
||||
title="Attention is the New Currency. We Help You Own It."
|
||||
description="CREO builds brands that people notice, remember, and choose. We are a high-performance growth partner for brands that want to dominate attention and scale fast."
|
||||
buttons={[
|
||||
{
|
||||
text: "Apply to Work With Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Apply to Work With Us", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRouKaariU1I8sUEg0UE7NSxpA/a-high-quality-cinematic-video-of-fast-l-1774461529679-42ac247d.png"
|
||||
@@ -90,53 +77,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "content",
|
||||
title: "Content that Captures Attention",
|
||||
author: "CREO",
|
||||
description: "Crafting narratives and visuals that don't just speak, but command engagement. We turn fleeting glances into lasting impressions.",
|
||||
tags: [
|
||||
"Strategy",
|
||||
"Creation",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRouKaariU1I8sUEg0UE7NSxpA/a-visually-striking-abstract-representat-1774461529787-1d28fb51.png",
|
||||
imageAlt: "Abstract visual of capturing attention",
|
||||
},
|
||||
id: "content", title: "Content that Captures Attention", author: "CREO", description: "Crafting narratives and visuals that don't just speak, but command engagement. We turn fleeting glances into lasting impressions.", tags: [
|
||||
"Strategy", "Creation"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRouKaariU1I8sUEg0UE7NSxpA/a-visually-striking-abstract-representat-1774461529787-1d28fb51.png", imageAlt: "Abstract visual of capturing attention"},
|
||||
{
|
||||
id: "systems",
|
||||
title: "Systems that Drive Growth",
|
||||
author: "CREO",
|
||||
description: "Building robust frameworks and automated workflows that ensure consistent, scalable performance across all touchpoints.",
|
||||
tags: [
|
||||
"Automation",
|
||||
"Efficiency",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRouKaariU1I8sUEg0UE7NSxpA/an-intricate-network-of-glowing-lines-an-1774461529980-4c8aec1d.png",
|
||||
imageAlt: "Abstract visual of interconnected growth systems",
|
||||
},
|
||||
id: "systems", title: "Systems that Drive Growth", author: "CREO", description: "Building robust frameworks and automated workflows that ensure consistent, scalable performance across all touchpoints.", tags: [
|
||||
"Automation", "Efficiency"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRouKaariU1I8sUEg0UE7NSxpA/an-intricate-network-of-glowing-lines-an-1774461529980-4c8aec1d.png", imageAlt: "Abstract visual of interconnected growth systems"},
|
||||
{
|
||||
id: "design",
|
||||
title: "Design that Elevates Perception",
|
||||
author: "CREO",
|
||||
description: "Transforming brands into iconic experiences through meticulous aesthetic and functional design. Perception is reality, and ours is premium.",
|
||||
tags: [
|
||||
"Aesthetics",
|
||||
"Branding",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRouKaariU1I8sUEg0UE7NSxpA/a-minimalist-elegant-visual-representing-1774461529406-aa606845.png",
|
||||
imageAlt: "Abstract visual of elevated design and perception",
|
||||
},
|
||||
id: "design", title: "Design that Elevates Perception", author: "CREO", description: "Transforming brands into iconic experiences through meticulous aesthetic and functional design. Perception is reality, and ours is premium.", tags: [
|
||||
"Aesthetics", "Branding"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRouKaariU1I8sUEg0UE7NSxpA/a-minimalist-elegant-visual-representing-1774461529406-aa606845.png", imageAlt: "Abstract visual of elevated design and perception"},
|
||||
{
|
||||
id: "strategy",
|
||||
title: "Strategy that Scales Brands",
|
||||
author: "CREO",
|
||||
description: "Developing audacious blueprints for market entry and expansion, ensuring every move you make is a calculated step towards dominance.",
|
||||
tags: [
|
||||
"Innovation",
|
||||
"Expansion",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRouKaariU1I8sUEg0UE7NSxpA/a-powerful-dynamic-visual-of-upward-mome-1774461529609-056941d1.png",
|
||||
imageAlt: "Abstract visual of dynamic brand scaling",
|
||||
},
|
||||
id: "strategy", title: "Strategy that Scales Brands", author: "CREO", description: "Developing audacious blueprints for market entry and expansion, ensuring every move you make is a calculated step towards dominance.", tags: [
|
||||
"Innovation", "Expansion"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRouKaariU1I8sUEg0UE7NSxpA/a-powerful-dynamic-visual-of-upward-mome-1774461529609-056941d1.png", imageAlt: "Abstract visual of dynamic brand scaling"},
|
||||
]}
|
||||
title="Our Arsenal for Dominance"
|
||||
description="We equip elite brands with the specialized tools and methodologies required to not just compete, but to conquer their market. Each service is a powerful asset in your pursuit of unrivaled growth."
|
||||
@@ -151,29 +106,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "project-1",
|
||||
name: "Luxury Automotive Launch",
|
||||
price: "3x Engagement",
|
||||
variant: "+200 Followers/Month",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRouKaariU1I8sUEg0UE7NSxpA/a-high-resolution-professional-photograp-1774461530442-0eb547b2.png",
|
||||
imageAlt: "Luxury car launch case study",
|
||||
},
|
||||
id: "project-1", name: "Luxury Automotive Launch", price: "3x Engagement", variant: "+200 Followers/Month", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRouKaariU1I8sUEg0UE7NSxpA/a-high-resolution-professional-photograp-1774461530442-0eb547b2.png", imageAlt: "Luxury car launch case study"},
|
||||
{
|
||||
id: "project-2",
|
||||
name: "High-End Lifestyle Brand",
|
||||
price: "50% Lead Increase",
|
||||
variant: "1.5x Conversion Rate",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRouKaariU1I8sUEg0UE7NSxpA/a-stylish-high-contrast-image-of-a-perso-1774461529722-78c770ed.png",
|
||||
imageAlt: "High-end lifestyle brand case study",
|
||||
},
|
||||
id: "project-2", name: "High-End Lifestyle Brand", price: "50% Lead Increase", variant: "1.5x Conversion Rate", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRouKaariU1I8sUEg0UE7NSxpA/a-stylish-high-contrast-image-of-a-perso-1774461529722-78c770ed.png", imageAlt: "High-end lifestyle brand case study"},
|
||||
{
|
||||
id: "project-3",
|
||||
name: "Global Tech Rebranding",
|
||||
price: "+70% Brand Recognition",
|
||||
variant: "Reduced CAC by 20%",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRouKaariU1I8sUEg0UE7NSxpA/a-close-up-artistic-shot-of-premium-bran-1774461530095-b65004cf.png",
|
||||
imageAlt: "Global tech rebranding case study",
|
||||
},
|
||||
id: "project-3", name: "Global Tech Rebranding", price: "+70% Brand Recognition", variant: "Reduced CAC by 20%", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRouKaariU1I8sUEg0UE7NSxpA/a-close-up-artistic-shot-of-premium-bran-1774461530095-b65004cf.png", imageAlt: "Global tech rebranding case study"},
|
||||
]}
|
||||
title="Validated Dominance"
|
||||
description="Explore how CREO has transformed high-potential brands into market leaders, delivering undeniable impact and measurable growth that speaks volumes."
|
||||
@@ -186,20 +123,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "discover",
|
||||
title: "Discover: Unearthing Latent Potential",
|
||||
content: "We delve deep into your brand's core, market landscape, and audience psyche to identify unique opportunities for disruption and dominance. This phase is about clarity and insight, setting the foundation for monumental growth.",
|
||||
},
|
||||
id: "discover", title: "Discover: Unearthing Latent Potential", content: "We delve deep into your brand's core, market landscape, and audience psyche to identify unique opportunities for disruption and dominance. This phase is about clarity and insight, setting the foundation for monumental growth."},
|
||||
{
|
||||
id: "build",
|
||||
title: "Build: Architecting the Future",
|
||||
content: "Leveraging cutting-edge strategies and creative prowess, we construct bespoke systems and campaigns designed to captivate attention and accelerate your brand's trajectory. Precision and innovation are our cornerstones.",
|
||||
},
|
||||
id: "build", title: "Build: Architecting the Future", content: "Leveraging cutting-edge strategies and creative prowess, we construct bespoke systems and campaigns designed to captivate attention and accelerate your brand's trajectory. Precision and innovation are our cornerstones."},
|
||||
{
|
||||
id: "scale",
|
||||
title: "Scale: Mastering Market Dominance",
|
||||
content: "With a fortified foundation, we execute with ruthless efficiency, scaling your brand's presence and influence across all channels. This is where your brand transcends competition and achieves enduring market leadership.",
|
||||
},
|
||||
id: "scale", title: "Scale: Mastering Market Dominance", content: "With a fortified foundation, we execute with ruthless efficiency, scaling your brand's presence and influence across all channels. This is where your brand transcends competition and achieves enduring market leadership."},
|
||||
]}
|
||||
title="Our Path to Unrivaled Growth"
|
||||
description="Every journey with CREO follows a rigorous, results-driven methodology designed for efficiency and impact, propelling your brand towards its full potential."
|
||||
@@ -211,15 +139,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Exclusive Access"
|
||||
title="Not for Everyone."
|
||||
description="We partner exclusively with brands poised for serious growth and willing to challenge the status quo. If you’re ready to redefine your market and claim your share of attention, apply below. This is for founders who demand premium positioning and businesses ready to dominate, not just compete."
|
||||
buttons={[
|
||||
{
|
||||
text: "Apply Now",
|
||||
onClick: () => alert('Application form coming soon!'),
|
||||
text: "Apply Now", href: "#contact"
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
@@ -230,46 +156,29 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#philosophy",
|
||||
},
|
||||
label: "About Us", href: "#philosophy"},
|
||||
{
|
||||
label: "Work",
|
||||
href: "#work",
|
||||
},
|
||||
label: "Work", href: "#work"},
|
||||
{
|
||||
label: "Process",
|
||||
href: "#process",
|
||||
},
|
||||
label: "Process", href: "#process"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user