Merge version_2 into main #2
201
src/app/page.tsx
201
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Process",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Social",
|
||||
id: "social-proof",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Social", id: "social-proof" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="NOT ON GRID"
|
||||
/>
|
||||
@@ -53,43 +41,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Strategy-led design for ambitious brands."
|
||||
description="We are a creative agency that crafts meaningful experiences for brands that want to go beyond the grid. We merge strategy, design, and technology to help you stand out."
|
||||
tag="NOT ON GRID AGENCY"
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-table_400718-26.jpg?_wi=1",
|
||||
imageAlt: "Workspace",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/phone-connected-headphones_1162-134.jpg?_wi=1",
|
||||
imageAlt: "Design",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-near-desk-holding-paint-brushes-hand-while-thoughtfully-looking-aside-with-big-patterns-canvas-background-home_574295-3734.jpg?_wi=1",
|
||||
imageAlt: "Team",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-notebook_23-2149749870.jpg?_wi=1",
|
||||
imageAlt: "UI",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-paper-shapes_23-2148428593.jpg?_wi=1",
|
||||
imageAlt: "Abstract",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-surrounded-by-office-devices-white-background_23-2148210391.jpg",
|
||||
imageAlt: "Desk",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/laptop-table_400718-26.jpg?_wi=1", imageAlt: "Workspace" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/phone-connected-headphones_1162-134.jpg?_wi=1", imageAlt: "Design" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-near-desk-holding-paint-brushes-hand-while-thoughtfully-looking-aside-with-big-patterns-canvas-background-home_574295-3734.jpg?_wi=1", imageAlt: "Team" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-notebook_23-2149749870.jpg?_wi=1", imageAlt: "UI" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-paper-shapes_23-2148428593.jpg?_wi=1", imageAlt: "Abstract" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-surrounded-by-office-devices-white-background_23-2148210391.jpg", imageAlt: "Desk" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -112,21 +74,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Brand Strategy",
|
||||
description: "Defining your identity and voice to ensure resonance and clarity in every touchpoint.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-clock-wall_1385-1535.jpg",
|
||||
},
|
||||
{
|
||||
title: "Digital Design",
|
||||
description: "Creating visually arresting digital experiences that are intuitive, beautiful, and highly functional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/liam-foster-portfolio-template_742173-32637.jpg",
|
||||
},
|
||||
{
|
||||
title: "Product Development",
|
||||
description: "Bridging the gap between conceptual design and robust technical execution.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arab-guy-has-laptop-with-blank-display_482257-76185.jpg",
|
||||
},
|
||||
{ title: "Brand Strategy", description: "Defining your identity and voice to ensure resonance and clarity in every touchpoint.", imageSrc: "http://img.b2bpic.net/free-photo/modern-clock-wall_1385-1535.jpg" },
|
||||
{ title: "Digital Design", description: "Creating visually arresting digital experiences that are intuitive, beautiful, and highly functional.", imageSrc: "http://img.b2bpic.net/free-vector/liam-foster-portfolio-template_742173-32637.jpg" },
|
||||
{ title: "Product Development", description: "Bridging the gap between conceptual design and robust technical execution.", imageSrc: "http://img.b2bpic.net/free-photo/arab-guy-has-laptop-with-blank-display_482257-76185.jpg" },
|
||||
]}
|
||||
title="Our Agency Services"
|
||||
description="What we do to help brands scale, evolve, and thrive in a crowded marketplace."
|
||||
@@ -137,15 +87,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"InnovateLab",
|
||||
"GrowthCo",
|
||||
"StartupXYZ",
|
||||
"DigitalVision",
|
||||
"FutureBrands",
|
||||
"ModernFoundry",
|
||||
]}
|
||||
names={["TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "DigitalVision", "FutureBrands", "ModernFoundry"]}
|
||||
title="Trusted by Visionary Leaders"
|
||||
description="Partnering with global brands and fast-growing startups to create exceptional outcomes."
|
||||
/>
|
||||
@@ -156,61 +98,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
date: "Jan 2024",
|
||||
title: "CEO",
|
||||
quote: "Their strategic approach fundamentally changed how we position our product.",
|
||||
tag: "Brand Strategy",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-copy-space_23-2148478313.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-table_400718-26.jpg?_wi=2",
|
||||
imageAlt: "minimal studio office design",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
date: "Feb 2024",
|
||||
title: "CTO",
|
||||
quote: "Incredible designers who understand the engineering constraints as well as the vision.",
|
||||
tag: "Product Design",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/phone-connected-headphones_1162-134.jpg?_wi=2",
|
||||
imageAlt: "modern abstract design process",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
date: "Mar 2024",
|
||||
title: "Marketing Director",
|
||||
quote: "They turned our complex requirements into a beautifully simple product.",
|
||||
tag: "UI/UX",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-blue-lights-visual-effects_23-2149419525.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-near-desk-holding-paint-brushes-hand-while-thoughtfully-looking-aside-with-big-patterns-canvas-background-home_574295-3734.jpg?_wi=2",
|
||||
imageAlt: "digital agency office space",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
date: "Apr 2024",
|
||||
title: "Founder",
|
||||
quote: "A truly collaborative partner that pushes us beyond our comfort zone.",
|
||||
tag: "Strategy",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/funny-smiling-woman-with-ringlets-wears-glasses-blue-jacket-poses-pink_291650-1102.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-notebook_23-2149749870.jpg?_wi=2",
|
||||
imageAlt: "digital design ui interface",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna Smith",
|
||||
date: "May 2024",
|
||||
title: "Director",
|
||||
quote: "The most professional agency we have ever worked with. Truly excellent.",
|
||||
tag: "Experience",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-paper-shapes_23-2148428593.jpg?_wi=2",
|
||||
imageAlt: "graphic design studio artwork",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", date: "Jan 2024", title: "CEO", quote: "Their strategic approach fundamentally changed how we position our product.", tag: "Brand Strategy", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-copy-space_23-2148478313.jpg", imageSrc: "http://img.b2bpic.net/free-photo/laptop-table_400718-26.jpg?_wi=2" },
|
||||
{ id: "2", name: "Michael Chen", date: "Feb 2024", title: "CTO", quote: "Incredible designers who understand the engineering constraints as well as the vision.", tag: "Product Design", avatarSrc: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg", imageSrc: "http://img.b2bpic.net/free-photo/phone-connected-headphones_1162-134.jpg?_wi=2" },
|
||||
{ id: "3", name: "Emily Rodriguez", date: "Mar 2024", title: "Marketing Director", quote: "They turned our complex requirements into a beautifully simple product.", tag: "UI/UX", avatarSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-blue-lights-visual-effects_23-2149419525.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-near-desk-holding-paint-brushes-hand-while-thoughtfully-looking-aside-with-big-patterns-canvas-background-home_574295-3734.jpg?_wi=2" },
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="Don't take our word for it — here's how we've helped our partners excel."
|
||||
@@ -220,16 +110,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to go beyond the grid?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@notongrid.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "mailto:hello@notongrid.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -237,45 +120,9 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="NOT ON GRID"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
|
||||
{ title: "Social", items: [{ label: "LinkedIn", href: "#" }, { label: "Twitter", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Not On Grid Agency."
|
||||
/>
|
||||
@@ -283,4 +130,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user