Merge version_1 into main #1
271
src/app/page.tsx
271
src/app/page.tsx
@@ -31,122 +31,44 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="No Roles"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Innovation without boundaries."
|
||||
description="At No Roles, we dismantle outdated hierarchies to empower your team with fluid, high-impact software solutions. Build faster, smarter, and together."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex River",
|
||||
handle: "@alexriver",
|
||||
testimonial: "No Roles transformed our development velocity. The flexibility is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-confident-young-businessman-with-arm-crossed-holding-mobile-phone-hand_23-2148096508.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jamie Lee",
|
||||
handle: "@jamieleex",
|
||||
testimonial: "Finally, a platform that understands how modern teams actually work.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-wearing-uniform-glasses-headband-looking-camera-showing-thumb-up-isolated-red-background_141793-137078.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sam Thorne",
|
||||
handle: "@samthorne",
|
||||
testimonial: "Our productivity skyrocketed since we shifted to No Roles workflows.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-architect-looking-camera_23-2148242888.jpg",
|
||||
},
|
||||
{
|
||||
name: "Riley P.",
|
||||
handle: "@rileyp",
|
||||
testimonial: "The most intuitive software we've used in years. Simply excellent.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-holding-hands-pockets-white-shirt-jacket-looking-elegant-front-view_176474-99655.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jordan Wu",
|
||||
handle: "@jwu",
|
||||
testimonial: "Seamless integration and a truly supportive team structure.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{ name: "Alex River", handle: "@alexriver", testimonial: "No Roles transformed our development velocity. The flexibility is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-confident-young-businessman-with-arm-crossed-holding-mobile-phone-hand_23-2148096508.jpg" },
|
||||
{ name: "Jamie Lee", handle: "@jamieleex", testimonial: "Finally, a platform that understands how modern teams actually work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-wearing-uniform-glasses-headband-looking-camera-showing-thumb-up-isolated-red-background_141793-137078.jpg" },
|
||||
{ name: "Sam Thorne", handle: "@samthorne", testimonial: "Our productivity skyrocketed since we shifted to No Roles workflows.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-architect-looking-camera_23-2148242888.jpg" },
|
||||
{ name: "Riley P.", handle: "@rileyp", testimonial: "The most intuitive software we've used in years. Simply excellent.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-male-holding-hands-pockets-white-shirt-jacket-looking-elegant-front-view_176474-99655.jpg" },
|
||||
{ name: "Jordan Wu", handle: "@jwu", testimonial: "Seamless integration and a truly supportive team structure.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-business-scene-with-ultra-modern-ambiance_23-2151003748.jpg"
|
||||
imageAlt="No Roles Hero"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-man-office-center_1303-19604.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-handsome-man-office-center_1303-19604.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg", alt: "User 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Agile Development",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Scalable Cloud",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Team Dynamics",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Reach",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Continuous Integration",
|
||||
},
|
||||
{ type: "text", text: "Agile Development" },
|
||||
{ type: "text", text: "Scalable Cloud" },
|
||||
{ type: "text", text: "Team Dynamics" },
|
||||
{ type: "text", text: "Global Reach" },
|
||||
{ type: "text", text: "Continuous Integration" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -155,15 +77,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Defining the Future of Work.",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/women-working-desk-office-job_23-2149034611.jpg",
|
||||
alt: "Collaborative Team",
|
||||
},
|
||||
{ type: "text", content: "Defining the Future of Work." },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/women-working-desk-office-job_23-2149034611.jpg", alt: "Collaborative Team" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -174,27 +89,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Fluid Workflows",
|
||||
description: "Dynamic task allocation that adapts to your team's real-time needs.",
|
||||
tag: "Agility",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-153347.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Scalable Infrastructure",
|
||||
description: "Systems that grow with you, ensuring reliability from day one.",
|
||||
tag: "Scale",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-background-with-geometrical-shapes_23-2148811487.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Real-time Sync",
|
||||
description: "Eliminate communication gaps with integrated, instant data flows.",
|
||||
tag: "Sync",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139374.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Fluid Workflows", description: "Dynamic task allocation that adapts to your team's real-time needs.", tag: "Agility", imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-153347.jpg" },
|
||||
{ id: "f2", title: "Scalable Infrastructure", description: "Systems that grow with you, ensuring reliability from day one.", tag: "Scale", imageSrc: "http://img.b2bpic.net/free-photo/creative-background-with-geometrical-shapes_23-2148811487.jpg" },
|
||||
{ id: "f3", title: "Real-time Sync", description: "Eliminate communication gaps with integrated, instant data flows.", tag: "Sync", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139374.jpg" },
|
||||
]}
|
||||
title="Why No Roles?"
|
||||
description="Built for agility, our platform helps you focus on what really matters."
|
||||
@@ -208,21 +105,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "200%",
|
||||
description: "Faster project delivery times",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
description: "System uptime performance",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50+",
|
||||
description: "Teams empowered globally",
|
||||
},
|
||||
{ id: "m1", value: "200%", description: "Faster project delivery times" },
|
||||
{ id: "m2", value: "99.9%", description: "System uptime performance" },
|
||||
{ id: "m3", value: "50+", description: "Teams empowered globally" },
|
||||
]}
|
||||
title="Proven Impact"
|
||||
description="Tangible results for high-performing teams."
|
||||
@@ -234,46 +119,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Incredible Platform",
|
||||
quote: "No Roles transformed our team dynamic.",
|
||||
name: "Alex River",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Game Changer",
|
||||
quote: "The most intuitive platform I have used.",
|
||||
name: "Jamie Lee",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "High Performance",
|
||||
quote: "Unbeatable agility for our global team.",
|
||||
name: "Sam Thorne",
|
||||
role: "Engineer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man_1098-15443.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Essential Tool",
|
||||
quote: "Our workflows are now seamless.",
|
||||
name: "Riley P.",
|
||||
role: "Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-senior-executive-looking-camera_1262-2374.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Perfect Fit",
|
||||
quote: "Exactly what we were missing.",
|
||||
name: "Jordan Wu",
|
||||
role: "CTO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Incredible Platform", quote: "No Roles transformed our team dynamic.", name: "Alex River", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg" },
|
||||
{ id: "t2", title: "Game Changer", quote: "The most intuitive platform I have used.", name: "Jamie Lee", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg" },
|
||||
{ id: "t3", title: "High Performance", quote: "Unbeatable agility for our global team.", name: "Sam Thorne", role: "Engineer", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man_1098-15443.jpg" },
|
||||
{ id: "t4", title: "Essential Tool", quote: "Our workflows are now seamless.", name: "Riley P.", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/confident-senior-executive-looking-camera_1262-2374.jpg" },
|
||||
{ id: "t5", title: "Perfect Fit", quote: "Exactly what we were missing.", name: "Jordan Wu", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg" },
|
||||
]}
|
||||
title="Trusted by Leaders"
|
||||
description="Voices from our community of innovators."
|
||||
@@ -284,15 +134,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"Innovate",
|
||||
"SpeedBuild",
|
||||
"FlowState",
|
||||
"ModernDev",
|
||||
"CloudScale",
|
||||
"SyncPoint",
|
||||
]}
|
||||
names={["TechCorp", "Innovate", "SpeedBuild", "FlowState", "ModernDev", "CloudScale", "SyncPoint"]}
|
||||
title="Partners in Innovation"
|
||||
description="Working with industry leaders across the globe."
|
||||
/>
|
||||
@@ -303,21 +145,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I get started?",
|
||||
content: "Simply contact our team and we'll walk you through the onboarding process.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is No Roles suitable for my team?",
|
||||
content: "Yes, our platform is designed to scale with teams of all sizes and industries.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer support?",
|
||||
content: "Absolutely. We provide dedicated support for every step of your journey.",
|
||||
},
|
||||
{ id: "q1", title: "How do I get started?", content: "Simply contact our team and we'll walk you through the onboarding process." },
|
||||
{ id: "q2", title: "Is No Roles suitable for my team?", content: "Yes, our platform is designed to scale with teams of all sizes and industries." },
|
||||
{ id: "q3", title: "Do you offer support?", content: "Absolutely. We provide dedicated support for every step of your journey." },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -330,35 +160,22 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Let's Talk"
|
||||
title="Ready to get started?"
|
||||
description="Dismantle hierarchies and build your vision with No Roles."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@noroles.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "mailto:hello@noroles.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="No Roles"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user