Merge version_1 into main #1
382
src/app/page.tsx
382
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Search, Share2, TrendingUp } from 'lucide-react';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
@@ -14,284 +15,127 @@ import TestimonialCardThirteen from '@/components/sections/testimonial/Testimoni
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Launchpad",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Systems",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Performance",
|
||||
id: "#metrics",
|
||||
},
|
||||
{
|
||||
name: "Results",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Nitrotek"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Launchpad", id: "#hero" },
|
||||
{ name: "Systems", id: "#services" },
|
||||
{ name: "Performance", id: "#metrics" },
|
||||
{ name: "Results", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Nitrotek"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
logoText="NITROTEK"
|
||||
description="We don’t grow businesses. We launch them. We turn ordinary brands into high-performance digital machines."
|
||||
buttons={[
|
||||
{
|
||||
text: "Launch My Business",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Free Strategy Call",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/girl-living-smart-home-with-futuristic-screen-interior_53876-95831.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "glowing-orb" }}
|
||||
logoText="NITROTEK"
|
||||
description="We don’t grow businesses. We launch them. We turn ordinary brands into high-performance digital machines."
|
||||
buttons={[
|
||||
{ text: "Launch My Business", href: "#contact" },
|
||||
{ text: "Free Strategy Call", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/girl-living-smart-home-with-futuristic-screen-interior_53876-95831.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Nexus Corp",
|
||||
"Aura Dynamics",
|
||||
"Orbit Digital",
|
||||
"Zenith Labs",
|
||||
"Pulse Tech",
|
||||
"Nova Growth",
|
||||
"Flux Marketing",
|
||||
]}
|
||||
title="Powered by Results"
|
||||
description="Driving exponential growth for industry leaders."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={["Nexus Corp", "Aura Dynamics", "Orbit Digital", "Zenith Labs", "Pulse Tech", "Nova Growth", "Flux Marketing"]}
|
||||
title="Powered by Results"
|
||||
description="Driving exponential growth for industry leaders."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Web Development",
|
||||
description: "Websites that SELL, not just look good.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-screen-with-technical-information_53876-101869.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "SEO Dominance",
|
||||
description: "Rank. Get Found. Own Your Market.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-stock-exchange-trader-looking-laptop-screen-night_169016-47424.jpg",
|
||||
buttonIcon: "Search",
|
||||
},
|
||||
{
|
||||
title: "Social Media",
|
||||
description: "Content that converts, not just posts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dark-earth-space_23-2151051365.jpg",
|
||||
buttonIcon: "Share2",
|
||||
},
|
||||
{
|
||||
title: "Paid Profit Ads",
|
||||
description: "Turn ad spend into profit machines.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-with-businessman-patching-something-keyboard-graphics-monitor_482257-32827.jpg",
|
||||
buttonIcon: "TrendingUp",
|
||||
},
|
||||
]}
|
||||
title="Launch Sequence Capabilities"
|
||||
description="High-octane solutions built to dominate the market."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Web Development", description: "Websites that SELL, not just look good.", imageSrc: "http://img.b2bpic.net/free-photo/laptop-screen-with-technical-information_53876-101869.jpg", buttonIcon: Zap },
|
||||
{ title: "SEO Dominance", description: "Rank. Get Found. Own Your Market.", imageSrc: "http://img.b2bpic.net/free-photo/business-man-stock-exchange-trader-looking-laptop-screen-night_169016-47424.jpg", buttonIcon: Search },
|
||||
{ title: "Social Media", description: "Content that converts, not just posts.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dark-earth-space_23-2151051365.jpg", buttonIcon: Share2 },
|
||||
{ title: "Paid Profit Ads", description: "Turn ad spend into profit machines.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-with-businessman-patching-something-keyboard-graphics-monitor_482257-32827.jpg", buttonIcon: TrendingUp },
|
||||
]}
|
||||
title="Launch Sequence Capabilities"
|
||||
description="High-octane solutions built to dominate the market."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Projects Launched",
|
||||
items: [
|
||||
"Successfully delivered",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "300%",
|
||||
title: "Avg. Revenue Growth",
|
||||
items: [
|
||||
"Across all sectors",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1.2M",
|
||||
title: "Leads Generated",
|
||||
items: [
|
||||
"Qualified and ready",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="The Data Truth"
|
||||
description="Numbers that define our dominance."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "500+", title: "Projects Launched", items: ["Successfully delivered"] },
|
||||
{ id: "m2", value: "300%", title: "Avg. Revenue Growth", items: ["Across all sectors"] },
|
||||
{ id: "m3", value: "1.2M", title: "Leads Generated", items: ["Qualified and ready"] },
|
||||
]}
|
||||
title="The Data Truth"
|
||||
description="Numbers that define our dominance."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex River",
|
||||
handle: "@nexus",
|
||||
testimonial: "Nitrotek changed our trajectory completely. We hit 3x growth in 6 months.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Chen",
|
||||
handle: "@aura",
|
||||
testimonial: "Finally, a team that focuses on revenue, not fluff. Absolutely elite.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-man_1098-18366.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "John Doe",
|
||||
handle: "@orbit",
|
||||
testimonial: "The launch strategy was flawless. We dominated our niche.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mina V.",
|
||||
handle: "@zenith",
|
||||
testimonial: "My ad spend actually works now. Best investment we've made.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-person-intership_23-2149315641.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Kyle Reed",
|
||||
handle: "@pulse",
|
||||
testimonial: "They don't just work for you; they build your growth machine.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379257.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Results in Orbit"
|
||||
description="What our partners say about the Nitrotek launch."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alex River", handle: "@nexus", testimonial: "Nitrotek changed our trajectory completely. We hit 3x growth in 6 months.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg" },
|
||||
{ id: "2", name: "Sarah Chen", handle: "@aura", testimonial: "Finally, a team that focuses on revenue, not fluff. Absolutely elite.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/working-man_1098-18366.jpg" },
|
||||
{ id: "3", name: "John Doe", handle: "@orbit", testimonial: "The launch strategy was flawless. We dominated our niche.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg" },
|
||||
{ id: "4", name: "Mina V.", handle: "@zenith", testimonial: "My ad spend actually works now. Best investment we've made.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-person-intership_23-2149315641.jpg" },
|
||||
{ id: "5", name: "Kyle Reed", handle: "@pulse", testimonial: "They don't just work for you; they build your growth machine.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379257.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Results in Orbit"
|
||||
description="What our partners say about the Nitrotek launch."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Ready for Launch?"
|
||||
description="Your competitors are already moving. Are you?"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your brand's mission...",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736796.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Ready for Launch?"
|
||||
description="Your competitors are already moving. Are you?"
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your brand's mission...", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736796.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Launchpad",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Results",
|
||||
href: "#testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="NITROTEK"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Launchpad", items: [{ label: "Services", href: "#services" }, { label: "Results", href: "#testimonials" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
logoText="NITROTEK"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user