diff --git a/src/app/documentary/page.tsx b/src/app/documentary/page.tsx new file mode 100644 index 0000000..5121544 --- /dev/null +++ b/src/app/documentary/page.tsx @@ -0,0 +1,152 @@ +"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 FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia"; +import ContactCTA from "@/components/sections/contact/ContactCTA"; +import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal"; + +export default function DocumentaryPage() { + 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 ( + + + +
+ +
+ +
+ It requires patience, empathy, and an unwavering commitment to the subjects' stories. Every frame is a decision, every cut a statement about what matters most.", "This feature film explores narratives that traditional media overlooks—the quiet moments that define us, the challenges that shape our character, and the interconnections that bind us together. Through cinematography, sound design, and thoughtful editing, we transform lived experience into visual poetry." + ]} + useInvertedBackground={true} + showBorder={true} + buttons={[{ text: "View Full Details", href: "#" }]} + buttonAnimation="blur-reveal" + /> +
+ +
+ Visual storytelling through carefully composed frames. Capturing authentic moments with artistic intent and technical precision.", tag: "Visual Art", imageSrc: "https://images.unsplash.com/photo-1533000971552-74f7b2265582?w=500&h=400&fit=crop", imageAlt: "Camera equipment" + }, + { + id: "2", title: "Sound Design", description: "The voice of film is often unheard. Through strategic sound design, we amplify emotion and create an immersive auditory landscape.", tag: "Audio", imageSrc: "https://images.unsplash.com/photo-1514320291840-2e0a9bf2a9ae?w=500&h=400&fit=crop", imageAlt: "Sound equipment" + }, + { + id: "3", title: "Editing & Narrative", description: "The edit suite is where stories find their rhythm. Precise editing transforms raw footage into cohesive narrative that resonates with audiences.", tag: "Post-Production", imageSrc: "https://images.unsplash.com/photo-1519389950473-47ba0277781c?w=500&h=400&fit=crop", imageAlt: "Editing workstation" + }, + ]} + /> +
+ +
+ +
+ + + + ); +} diff --git a/src/app/layout.tsx b/src/app/layout.tsx index fc6cfe3..f48ea97 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -10,7 +10,7 @@ const crimsonText = Crimson_Text({ }); export const metadata: Metadata = { - title: "Karu Thompson | Building Ideas Into Reality | Creative Portfolio", description: "A collection of projects, thoughts, and creative vision. Explore work across design, digital experience, and strategic direction.", keywords: "portfolio, creative design, digital experience, brand strategy, visual storytelling", metadataBase: new URL("https://portfolio.example.com"), + title: "Building Ideas Into Reality | Creative Portfolio", description: "A collection of projects, thoughts, and creative vision. Explore work across design, digital experience, and strategic direction.", keywords: "portfolio, creative design, digital experience, brand strategy, visual storytelling", metadataBase: new URL("https://portfolio.example.com"), alternates: { canonical: "https://portfolio.example.com" }, diff --git a/src/app/navo/page.tsx b/src/app/navo/page.tsx new file mode 100644 index 0000000..8cdc60d --- /dev/null +++ b/src/app/navo/page.tsx @@ -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 ( + + + +
+ +
+ +
+ sustainable growth requires intelligence, strategy, and execution. 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. Through automation, insights, and connectivity, we transform growth from a challenge into a competitive advantage. 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" + /> +
+ +
+ 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" }]} + /> +
+ +
+ +
+ + + + ); +} diff --git a/src/app/page.tsx b/src/app/page.tsx index 4dca7ce..7903cdb 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -9,23 +9,22 @@ import ProductCardTwo from "@/components/sections/product/ProductCardTwo"; import SocialProofOne from "@/components/sections/socialProof/SocialProofOne"; import ContactCTA from "@/components/sections/contact/ContactCTA"; import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal"; -import ContactForm from "@/components/form/ContactForm"; -import { Twitter } from "lucide-react"; +import TextBox from "@/components/Textbox"; export default function HomePage() { const navItems = [ { name: "Home", id: "/" }, - { name: "Explore My Works", id: "/explore" }, + { name: "Projects", id: "/projects" }, { name: "Vision", id: "/about" }, { name: "Connect", id: "/connect" }, - { name: "Thoughts", id: "/thoughts" }, + { name: "Writing", id: "/writing" }, ]; const footerColumns = [ { title: "Navigation", items: [ { label: "Home", href: "/" }, - { label: "Explore My Works", href: "/explore" }, + { label: "Projects", href: "/projects" }, { label: "Vision", href: "/about" }, { label: "Contact", href: "/contact" }, ], @@ -41,7 +40,7 @@ export default function HomePage() { { title: "Resources", items: [ { label: "Newsletter", href: "#" }, - { label: "Thoughts", href: "/thoughts" }, + { label: "Blog", href: "/writing" }, { label: "Privacy", href: "#" }, { label: "Terms", href: "#" }, ], @@ -64,7 +63,7 @@ export default function HomePage() { -
- { - window.open(`https://substack.com/@karuthompson`, '_blank'); - }} - centered={true} - useInvertedBackground={false} +
+ +
+ +
+
@@ -170,7 +180,7 @@ export default function HomePage() { description="Whether you're exploring new creative directions, developing a project, or simply want to discuss ideas, I'd love to hear from you." background={{ variant: "plain" }} buttons={[ - { text: "Explore My Thoughts", href: "/thoughts" }, + { text: "Explore My Writing", href: "#" }, { text: "Start a Conversation", href: "/contact" }, ]} buttonAnimation="blur-reveal" @@ -181,7 +191,7 @@ export default function HomePage() { diff --git a/src/app/stanford/page.tsx b/src/app/stanford/page.tsx new file mode 100644 index 0000000..07dffa6 --- /dev/null +++ b/src/app/stanford/page.tsx @@ -0,0 +1,136 @@ +"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 ContactCTA from "@/components/sections/contact/ContactCTA"; +import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal"; + +export default function StanfordPage() { + 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 ( + + + +
+ +
+ +
+ Declining Stanford in favor of self-directed learning represented not a rejection of education, but a reimagining of it. The realization came early: the most transformative learning happens outside the classroom.", "The self-taught path required discipline, resourcefulness, and relentless curiosity. Without a structured curriculum or institutional validation, the burden of learning fell entirely on self-motivation. Yet this freedom created something invaluable: ownership. Every skill acquired, every project completed, every failure navigated became a direct result of personal initiative and drive. The unconventional route revealed that expertise isn't conferred by institutions—it's built through real work, real projects, and real consequences." + ]} + useInvertedBackground={true} + showBorder={true} + buttons={[{ text: "Read Full Story", href: "#" }]} + buttonAnimation="blur-reveal" + /> +
+ +
+ 1. Autonomy Over Authority - Choosing your own curriculum creates deeper engagement than following prescribed paths. When you decide what matters, learning becomes intrinsic, not extrinsic.", "2. Real-World Resonance - Self-taught knowledge is immediately applicable. There's no gap between theory and practice because they're learned simultaneously in real contexts.", "3. Resilience Through Failure - Without institutional safety nets, failures become learning experiences with real consequences. This breeds a different kind of resilience and problem-solving capability.", "4. Network Over Credentials - The self-taught path forces relationship-building and collaboration out of necessity. These networks often prove more valuable than institutional alumni associations.", "5. Continuous Reinvention - Without an institution defining you, you must define yourself—repeatedly. This creates adaptability and forces ongoing growth in ways traditional education often cannot." + ]} + useInvertedBackground={false} + showBorder={false} + buttons={[{ text: "Connect and Discuss", href: "/contact" }]} + buttonAnimation="blur-reveal" + /> +
+ +
+ +
+ + + + ); +} diff --git a/src/app/violin/page.tsx b/src/app/violin/page.tsx new file mode 100644 index 0000000..b36f593 --- /dev/null +++ b/src/app/violin/page.tsx @@ -0,0 +1,123 @@ +"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 ContactCTA from "@/components/sections/contact/ContactCTA"; +import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal"; + +export default function ViolinPage() { + 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 ( + + + +
+ +
+ +
+ The instrument demands precision, patience, and an unwavering dedication to refinement. Each note becomes a conversation between the musician and the audience, a moment of vulnerability and strength intertwined.", "Performance is where technique transcends into artistry. In those moments on stage, the technical hours dissolve into pure emotional communication. The bow becomes an extension of the voice, the strings a conduit for the soul. This is where classical music lives—not just in the notes, but in the spaces between them, where meaning emerges." + ]} + useInvertedBackground={true} + showBorder={true} + buttons={[{ text: "Explore More", href: "/" }]} + buttonAnimation="blur-reveal" + /> +
+ +
+ +
+ + + + ); +}