bender/ec3b8ac6-4cbb-42a6-8f87-e97284416896
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-22 21:14:00 +00:00
Conversation 0 Commits 1 Files Changed 1 +42 -258
1 changed files with 42 additions and 258 deletions
Download Patch File Download Diff File Expand all files Collapse all files

300
src/app/page.tsx
View File

@@ -2,6 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import { Zap, Layout, Code, Shield } from 'lucide-react';
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
@@ -31,26 +32,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Work",
id: "work",
},
{
name: "Our Story",
id: "story",
},
{
name: "Labs",
id: "labs",
},
{
name: "Insights",
id: "insights",
},
{
name: "Connect",
id: "contact",
},
{ name: "Work", id: "work" },
{ name: "Our Story", id: "story" },
{ name: "Labs", id: "labs" },
{ name: "Insights", id: "insights" },
{ name: "Connect", id: "contact" },
]}
brandName="Noomo"
/>
@@ -58,69 +44,22 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="Story dictates the medium."
description="We create 3D storytelling websites and immersive digital experiences that make people stop scrolling."
buttons={[
{
text: "View Work",
href: "#work",
},
{
text: "Connect",
href: "#contact",
},
]}
buttons={[{ text: "View Work", href: "#work" }, { text: "Connect", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-102927.jpg"
imageAlt="3d abstract background orange"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-79228.jpg",
alt: "Liquid marbling paint texture",
},
{
src: "http://img.b2bpic.net/free-photo/orange-paper-sheets-background_23-2148632490.jpg",
alt: "Orange paper sheets",
},
{
src: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-9947.jpg",
alt: "Artistic blurry colorful wallpaper",
},
{
src: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-9940.jpg",
alt: "Artistic blurry colorful wallpaper background",
},
{
src: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-9897.jpg",
alt: "Artistic blurry colorful wallpaper background",
},
{ src: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-79228.jpg", alt: "Liquid marbling paint texture" },
{ src: "http://img.b2bpic.net/free-photo/orange-paper-sheets-background_23-2148632490.jpg", alt: "Orange paper sheets" },
{ src: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-9947.jpg", alt: "Artistic blurry colorful wallpaper" },
{ src: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-9940.jpg", alt: "Artistic blurry colorful wallpaper background" },
{ src: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-9897.jpg", alt: "Artistic blurry colorful wallpaper background" },
]}
avatarText="Trusted by 200+ brands"
marqueeItems={[
{
type: "text",
text: "3D Cinematic",
},
{
type: "text",
text: "Immersive Storytelling",
},
{
type: "text",
text: "Bold Typography",
},
{
type: "text",
text: "Digital Strategy",
},
{
type: "text",
text: "Technical Mastery",
},
]}
marqueeItems={[{ type: "text", text: "3D Cinematic" }, { type: "text", text: "Immersive Storytelling" }, { type: "text", text: "Bold Typography" }, { type: "text", text: "Digital Strategy" }, { type: "text", text: "Technical Mastery" }]}
/>
</div>
@@ -128,44 +67,15 @@ export default function LandingPage() {
<ProductCardThree
textboxLayout="split"
gridVariant="asymmetric-60-wide-40-narrow"
animationType="blur-reveal"
useInvertedBackground={false}
products={[
{
id: "w1",
name: "Omni Brand",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/christmas-digital-signage_187299-48736.jpg",
},
{
id: "w2",
name: "Flux Systems",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/entrepreneurs-team-with-success-story-work-green-screen_482257-123941.jpg",
},
{
id: "w3",
name: "Aeon Lab",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/pills-plastic-box_23-2147612231.jpg",
},
{
id: "w4",
name: "Zenit Co",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-presenting-invisible-hologram-projecting-from-tablet-advanced-technology_53876-108649.jpg",
},
{
id: "w5",
name: "Vortex Digital",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-computer_23-2151004338.jpg",
},
{
id: "w6",
name: "Nova Narrative",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-colorful-composition-with-black-spheres_250435-1272.jpg",
},
{ id: "w1", name: "Omni Brand", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/christmas-digital-signage_187299-48736.jpg" },
{ id: "w2", name: "Flux Systems", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/entrepreneurs-team-with-success-story-work-green-screen_482257-123941.jpg" },
{ id: "w3", name: "Aeon Lab", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/pills-plastic-box_23-2147612231.jpg" },
{ id: "w4", name: "Zenit Co", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-presenting-invisible-hologram-projecting-from-tablet-advanced-technology_53876-108649.jpg" },
{ id: "w5", name: "Vortex Digital", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-computer_23-2151004338.jpg" },
{ id: "w6", name: "Nova Narrative", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-colorful-composition-with-black-spheres_250435-1272.jpg" },
]}
title="Selected Works"
description="Explore our immersive digital narratives."
@@ -187,30 +97,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "3D Storytelling",
description: "Interactive narratives with real-time 3D elements.",
imageSrc: "http://img.b2bpic.net/free-photo/17th-years-anniversary-3d-celebration-design_460848-10584.jpg",
buttonIcon: "Zap",
},
{
title: "Experience Design",
description: "UI/UX that makes users stop scrolling.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-cinema-glasses-isolated-white-background_23-2148188109.jpg",
buttonIcon: "Layout",
},
{
title: "Creative Tech",
description: "Custom coded solutions and technical storytelling.",
imageSrc: "http://img.b2bpic.net/free-photo/ferromagnetic-liquid-metal-with-copy-space_23-2148253659.jpg",
buttonIcon: "Code",
},
{
title: "Brand Strategy",
description: "Connecting story to modern digital platforms.",
imageSrc: "http://img.b2bpic.net/free-photo/colorful-crumpled-paper-ball-with-yellow-light-bulb-against-black-background_23-2147890103.jpg",
buttonIcon: "Shield",
},
{ title: "3D Storytelling", description: "Interactive narratives with real-time 3D elements.", imageSrc: "http://img.b2bpic.net/free-photo/17th-years-anniversary-3d-celebration-design_460848-10584.jpg", buttonIcon: Zap },
{ title: "Experience Design", description: "UI/UX that makes users stop scrolling.", imageSrc: "http://img.b2bpic.net/free-photo/3d-cinema-glasses-isolated-white-background_23-2148188109.jpg", buttonIcon: Layout },
{ title: "Creative Tech", description: "Custom coded solutions and technical storytelling.", imageSrc: "http://img.b2bpic.net/free-photo/ferromagnetic-liquid-metal-with-copy-space_23-2148253659.jpg", buttonIcon: Code },
{ title: "Brand Strategy", description: "Connecting story to modern digital platforms.", imageSrc: "http://img.b2bpic.net/free-photo/colorful-crumpled-paper-ball-with-yellow-light-bulb-against-black-background_23-2147890103.jpg", buttonIcon: Shield },
]}
title="What We Build"
description="Specialized services to elevate your brand presence online."
@@ -223,26 +113,10 @@ export default function LandingPage() {
title="Impact by Numbers"
tag="Performance"
metrics={[
{
id: "m1",
value: "200+",
description: "Successful Launches",
},
{
id: "m2",
value: "45+",
description: "Global Awards",
},
{
id: "m3",
value: "80%",
description: "Client Retention",
},
{
id: "m4",
value: "5M+",
description: "Users Impacted",
},
{ id: "m1", value: "200+", description: "Successful Launches" },
{ id: "m2", value: "45+", description: "Global Awards" },
{ id: "m3", value: "80%", description: "Client Retention" },
{ id: "m4", value: "5M+", description: "Users Impacted" },
]}
metricsAnimation="slide-up"
/>
@@ -255,46 +129,11 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah Miller",
role: "CMO",
company: "TechStream",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-executives-collaborating-office-analyzing-data-business-growth_482257-123720.jpg",
},
{
id: "t2",
name: "David Chen",
role: "CEO",
company: "NexGen",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bored-man-sitting-couch-flipping-though-tv-channels_482257-126574.jpg",
},
{
id: "t3",
name: "Alex Rivers",
role: "Designer",
company: "Moda",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/male-painter-studio-using-watercolor-his-art_23-2150213615.jpg",
},
{
id: "t4",
name: "Marcus Thorne",
role: "Founder",
company: "ThorneCo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-drinking-coffee_1157-31442.jpg",
},
{
id: "t5",
name: "Julia V.",
role: "Product",
company: "Innovate",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916009.jpg",
},
{ id: "t1", name: "Sarah Miller", role: "CMO", company: "TechStream", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-executives-collaborating-office-analyzing-data-business-growth_482257-123720.jpg" },
{ id: "t2", name: "David Chen", role: "CEO", company: "NexGen", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-bored-man-sitting-couch-flipping-though-tv-channels_482257-126574.jpg" },
{ id: "t3", name: "Alex Rivers", role: "Designer", company: "Moda", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-painter-studio-using-watercolor-his-art_23-2150213615.jpg" },
{ id: "t4", name: "Marcus Thorne", role: "Founder", company: "ThorneCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-drinking-coffee_1157-31442.jpg" },
{ id: "t5", name: "Julia V.", role: "Product", company: "Innovate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916009.jpg" },
]}
title="What They Say"
description="The Noomo touch redefined our online presence."
@@ -306,21 +145,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "How do you start a project?",
content: "We begin with a deep discovery session where the story defines the technical path.",
},
{
id: "f2",
title: "Do you provide 3D assets?",
content: "Yes, we handle end-to-end 3D modeling and integration for web.",
},
{
id: "f3",
title: "What is the typical timeline?",
content: "Timelines depend on complexity but our agile process ensures efficiency.",
},
{ id: "f1", title: "How do you start a project?", content: "We begin with a deep discovery session where the story defines the technical path." },
{ id: "f2", title: "Do you provide 3D assets?", content: "Yes, we handle end-to-end 3D modeling and integration for web." },
{ id: "f3", title: "What is the typical timeline?", content: "Timelines depend on complexity but our agile process ensures efficiency." },
]}
title="Common Questions"
description="Everything you need to know about our process."
@@ -331,16 +158,9 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
text="Ready to tell your story? Let's connect."
buttons={[
{
text: "Contact Us",
href: "#",
},
]}
buttons={[{ text: "Contact Us", href: "#" }]}
/>
</div>
@@ -349,45 +169,9 @@ export default function LandingPage() {
imageSrc="http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-9923.jpg"
logoText="Noomo"
columns={[
{
title: "Agency",
items: [
{
label: "Work",
href: "#work",
},
{
label: "About",
href: "#story",
},
],
},
{
title: "Resources",
items: [
{
label: "Insights",
href: "#",
},
{
label: "Labs",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
{ title: "Agency", items: [{ label: "Work", href: "#work" }, { label: "About", href: "#story" }] },
{ title: "Resources", items: [{ label: "Insights", href: "#" }, { label: "Labs", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
]}
/>
</div>