Add src/app/navo/page.tsx
This commit is contained in:
153
src/app/navo/page.tsx
Normal file
153
src/app/navo/page.tsx
Normal file
@@ -0,0 +1,153 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
|
||||
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
||||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
|
||||
export default function NavoPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Projects", id: "/projects" },
|
||||
{ name: "Vision", id: "/about" },
|
||||
{ name: "Connect", id: "/connect" },
|
||||
{ name: "Writing", id: "/writing" },
|
||||
{ name: "Violin", id: "/violin" },
|
||||
{ name: "Documentary", id: "/documentary" },
|
||||
{ name: "Navo", id: "/navo" },
|
||||
{ name: "Stanford", id: "/stanford" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Projects", href: "/projects" },
|
||||
{ label: "Vision", href: "/about" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Calendly", href: "https://calendly.com/karu-navolab/growth-engine-demo-navo-lab" },
|
||||
{ label: "Substack", href: "https://substack.com/@karuthompson" },
|
||||
{ label: "X", href: "https://x.com/KaruThompson" },
|
||||
{ label: "Email", href: "mailto:hello@example.com" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "Newsletter", href: "#" },
|
||||
{ label: "Blog", href: "/writing" },
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={navItems}
|
||||
brandName="Portfolio"
|
||||
bottomLeftText="Crafted with intention"
|
||||
bottomRightText="Let's connect"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Navo Growth Engine"
|
||||
description="A comprehensive business platform designed to accelerate growth through data-driven strategies, intelligent automation, and strategic partnerships. Transforming how businesses scale."
|
||||
tag="Business Platform"
|
||||
tagAnimation="blur-reveal"
|
||||
textPosition="center"
|
||||
showBlur={true}
|
||||
imageSrc="https://images.unsplash.com/photo-1552664730-d307ca884978?w=1200&h=600&fit=crop"
|
||||
imageAlt="Navo business platform"
|
||||
buttons={[
|
||||
{ text: "Explore Platform", href: "https://navo.lab" },
|
||||
{ text: "Schedule Demo", href: "https://calendly.com/karu-navolab/growth-engine-demo-navo-lab" }
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
title="Accelerating Business Growth"
|
||||
description={[
|
||||
"Navo is built on a fundamental principle: <i>sustainable growth requires intelligence, strategy, and execution.</i> We combine data analytics, market insights, and strategic partnerships to create a growth engine that works for your business.", "Our platform empowers businesses to identify opportunities, optimize operations, and scale strategically. <i>Through automation, insights, and connectivity, we transform growth from a challenge into a competitive advantage.</i> Whether you're a startup or an established enterprise, Navo provides the tools and expertise to drive meaningful expansion."
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
showBorder={true}
|
||||
buttons={[{ text: "Learn About Services", href: "https://navo.lab" }]}
|
||||
buttonAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardOne
|
||||
title="Navo Solutions"
|
||||
description="Core offerings designed to maximize business potential"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Growth Strategy", price: "Custom", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=400&h=300&fit=crop", imageAlt: "Growth strategy consulting", onProductClick: () => window.open("https://navo.lab", "_blank")
|
||||
},
|
||||
{
|
||||
id: "2", name: "Data Analytics", price: "Enterprise", imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=400&h=300&fit=crop", imageAlt: "Data analytics platform", onProductClick: () => window.open("https://navo.lab", "_blank")
|
||||
},
|
||||
{
|
||||
id: "3", name: "Strategic Partnerships", price: "Ongoing", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=400&h=300&fit=crop", imageAlt: "Partnership network", onProductClick: () => window.open("https://navo.lab", "_blank")
|
||||
},
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
tag="Business Solutions"
|
||||
tagAnimation="blur-reveal"
|
||||
buttons={[{ text: "Explore Full Catalog", href: "https://navo.lab" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-cta" data-section="contact-cta">
|
||||
<ContactCTA
|
||||
tag="Ready to Grow?"
|
||||
title="Transform Your Business"
|
||||
description="Connect with the Navo team to discover how our growth engine can accelerate your business trajectory."
|
||||
background={{ variant: "plain" }}
|
||||
buttons={[
|
||||
{ text: "Visit Navo Lab", href: "https://navo.lab" },
|
||||
{ text: "Book a Demo", href: "https://calendly.com/karu-navolab/growth-engine-demo-navo-lab" },
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={footerColumns}
|
||||
copyrightText="© 2025 Portfolio. Crafted with intention and creative vision."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user