bender/771df433-252e-4fd3-8e12-815b713e3404
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_2
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:main
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1

8 Commits
version_2 ... main

Author SHA1 Message Date
bender
620cece5da Merge version_4 into main 
Merge version_4 into main
 2026-04-26 00:28:48 +00:00
bender
b8c6761dcc Update src/app/styles/variables.css 2026-04-26 00:28:45 +00:00
bender
446cc1a6b9 Update src/app/page.tsx 2026-04-26 00:28:44 +00:00
bender
6fe593d61b Merge version_3 into main 
Merge version_3 into main
 2026-04-26 00:23:14 +00:00
bender
e43f5220cb Update src/app/styles/variables.css 2026-04-26 00:23:08 +00:00
bender
8a7f7b28f7 Update src/app/page.tsx 2026-04-26 00:23:07 +00:00
bender
27e3c64937 Merge version_2 into main 
Merge version_2 into main
 2026-04-25 22:27:51 +00:00
bender
7ca129dc8b Merge version_2 into main 
Merge version_2 into main
 2026-04-25 22:27:18 +00:00
2 changed files with 78 additions and 127 deletions
Expand all files Collapse all files

191
src/app/page.tsx
View File

@@ -2,10 +2,10 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText'; import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase'; import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine'; import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal'; import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard'; import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MediaAbout from '@/components/sections/about/MediaAbout'; import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo'; import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
@@ -16,50 +16,42 @@ import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="text-stagger" defaultButtonVariant="hover-magnetic"
defaultTextAnimation="background-highlight" defaultTextAnimation="reveal-blur"
borderRadius="pill" borderRadius="rounded"
contentWidth="mediumSmall" contentWidth="mediumLarge"
sizing="medium" sizing="largeSizeMediumTitles"
background="none" background="noiseDiagonalGradient"
cardStyle="gradient-radial" cardStyle="glass-elevated"
primaryButtonStyle="diagonal-gradient" primaryButtonStyle="primary-glow"
secondaryButtonStyle="solid" secondaryButtonStyle="glass"
headingFontWeight="bold" headingFontWeight="bold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ { name: "Product", id: "#features" },
name: "Product", id: "#features"}, { name: "Demo", id: "#demo" },
{ { name: "Pricing", id: "#pricing" },
name: "Demo", id: "#demo"}, { name: "FAQ", id: "#faq" },
{
name: "Pricing", id: "#pricing"},
{
name: "FAQ", id: "#faq"},
]} ]}
brandName="Nexora" brandName="Nexora"
button={{ button={{ text: "Get started", href: "#cta" }}
text: "Get started", href: "#cta"}}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroLogoBillboard <HeroLogoBillboard
background={{ background={{ variant: "glowing-orb" }}
variant: "glowing-orb"}}
logoText="Turn leads into clients. Automatically." logoText="Turn leads into clients. Automatically."
description="Nexora combines CRM, AI, and Automation to scale your growth instantly. Replace HubSpot, Jasper, Zapier and agencies with one platform." description="Nexora combines CRM, AI, and Automation to scale your growth instantly. Experience the high-end dashboard interface designed for modern SaaS leaders."
buttons={[ buttons={[
{ { text: "Get started", href: "#cta" },
text: "Get started", href: "#cta"}, { text: "Watch demo", href: "#demo" },
{
text: "Watch demo", href: "#demo"},
]} ]}
imageSrc="https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=1200&h=800" imageSrc="https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=1200&h=800"
mediaAnimation="slide-up" mediaAnimation="blur-reveal"
imageAlt="Dark-themed CRM dashboard interface showing analytics and pipeline progress" imageAlt="Dark-themed CRM dashboard interface showing analytics and pipeline progress"
/> />
</div> </div>
@@ -67,9 +59,8 @@ export default function LandingPage() {
<div id="social-proof" data-section="social-proof"> <div id="social-proof" data-section="social-proof">
<SocialProofOne <SocialProofOne
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={true}
names={[ names={["SMBs", "Marketing Agencies", "Creators", "Entrepreneurs", "Startups", "Enterprises", "Influencers"]}
"SMBs", "Marketing Agencies", "Creators", "Entrepreneurs", "Startups", "Enterprises", "Influencers"]}
title="Trusted worldwide" title="Trusted worldwide"
description="Empowering teams across the globe to automate their growth." description="Empowering teams across the globe to automate their growth."
/> />
@@ -77,49 +68,42 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics"> <div id="metrics" data-section="metrics">
<MetricCardTwo <MetricCardTwo
animationType="slide-up" animationType="blur-reveal"
textboxLayout="split" textboxLayout="split"
gridVariant="bento-grid" gridVariant="bento-grid"
useInvertedBackground={false} useInvertedBackground={true}
metrics={[ metrics={[
{ { id: "m1", value: "3.4x", description: "Higher ROAS" },
id: "m1", value: "3.4x", description: "Higher ROAS"}, { id: "m2", value: "-12h", description: "Weekly time saved" },
{ { id: "m3", value: "<10m", description: "Setup time" },
id: "m2", value: "-12h", description: "Weekly time saved"},
{
id: "m3", value: "<10m", description: "Setup time"},
]} ]}
title="Unmatched Efficiency" title="Unmatched Efficiency"
description="See the impact on your business metrics." description="See the impact on your business metrics through our high-end analytics dashboard."
/> />
</div> </div>
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureCardTwentyNine <FeatureCardTwentyNine
animationType="slide-up" animationType="blur-reveal"
textboxLayout="split" textboxLayout="split"
gridVariant="bento-grid" gridVariant="bento-grid"
useInvertedBackground={false} useInvertedBackground={true}
features={[ features={[
{ { title: "Smart CRM", description: "Organize your pipeline with our cinematic dashboard UI.", imageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=800&_wi=1", titleImageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=100", buttonText: "Explore" },
title: "Smart CRM", description: "Organize leads automatically.", imageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=800&_wi=1", titleImageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=100", buttonText: "Explore"}, { title: "AI Content Studio", description: "Generate high-converting creative assets instantly.", imageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=800&_wi=2", titleImageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=100", buttonText: "Explore" },
{ { title: "Automation Engine", description: "Deploy complex workflows in just a few clicks.", imageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=800&_wi=3", titleImageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=100", buttonText: "Explore" },
title: "AI Content Studio", description: "Scale content creation.", imageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=800&_wi=2", titleImageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=100", buttonText: "Explore"}, { title: "Campaign Analytics", description: "Deep insights with beautiful, data-rich visualizations.", imageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=800&_wi=4", titleImageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=100", buttonText: "Explore" },
{
title: "Automation Engine", description: "Workflows that just run.", imageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=800&_wi=3", titleImageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=100", buttonText: "Explore"},
{
title: "Campaign Analytics", description: "Insights that drive action.", imageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=800&_wi=4", titleImageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=100", buttonText: "Explore"},
]} ]}
title="All-in-one Growth Engine" title="All-in-one Growth Engine"
description="Engineered for speed, built for scale." description="Engineered for speed, built for professional scale."
/> />
</div> </div>
<div id="demo" data-section="demo"> <div id="demo" data-section="demo">
<MediaAbout <MediaAbout
useInvertedBackground={false} useInvertedBackground={true}
title="Watch Nexora in Action" title="Watch Nexora in Action"
description="Experience the dashboard designed for absolute performance." description="Experience the cinematic dashboard designed for absolute performance."
imageSrc="https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=1200" imageSrc="https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=1200"
imageAlt="Dark mode dashboard analytics UI" imageAlt="Dark mode dashboard analytics UI"
/> />
@@ -127,9 +111,9 @@ export default function LandingPage() {
<div id="roi-calculator" data-section="roi-calculator"> <div id="roi-calculator" data-section="roi-calculator">
<MediaAbout <MediaAbout
useInvertedBackground={false} useInvertedBackground={true}
title="Interactive ROI Calculator" title="Interactive ROI Calculator"
description="Select your tools below to see your potential savings with Nexora." description="Visualize your potential savings with our high-end business intelligence interface."
imageSrc="https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=800&_wi=5" imageSrc="https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=800&_wi=5"
imageAlt="ROI calculator dashboard interface" imageAlt="ROI calculator dashboard interface"
/> />
@@ -137,93 +121,60 @@ export default function LandingPage() {
<div id="pricing" data-section="pricing"> <div id="pricing" data-section="pricing">
<PricingCardNine <PricingCardNine
animationType="slide-up" animationType="blur-reveal"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={true}
plans={[ plans={[
{ { id: "p1", title: "Starter", price: "$30", period: "/mo", features: ["CRM", "Email", "Basic Automation"], button: { text: "Start for $30/mo" }, imageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=400&_wi=1", imageAlt: "Pricing dashboard UI" },
id: "p1", title: "Starter", price: "$30", period: "/mo", features: [ { id: "p2", title: "Growth", price: "$79", period: "/mo", features: ["Full CRM", "AI Suite", "Campaigns"], button: { text: "Start for $79/mo" }, imageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=400&_wi=2", imageAlt: "Pricing dashboard UI" },
"CRM", "Email", "Basic Automation"], { id: "p3", title: "Scale", price: "$199", period: "/mo", features: ["Everything in Growth", "Team Access", "API"], button: { text: "Start for $199/mo" }, imageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=400&_wi=3", imageAlt: "Pricing dashboard UI" },
button: {
text: "Start for $30/mo"},
imageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=400&_wi=1", imageAlt: "Pricing dashboard UI"},
{
id: "p2", title: "Growth", price: "$79", period: "/mo", features: [
"Full CRM", "AI Suite", "Campaigns"],
button: {
text: "Start for $79/mo"},
imageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=400&_wi=2", imageAlt: "Pricing dashboard UI"},
{
id: "p3", title: "Scale", price: "$199", period: "/mo", features: [
"Everything in Growth", "Team Access", "API"],
button: {
text: "Start for $199/mo"},
imageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=400&_wi=3", imageAlt: "Pricing dashboard UI"},
]} ]}
title="Simple Pricing" title="Simple Pricing"
description="Choose the perfect plan to fuel your growth." description="Choose the perfect plan to fuel your high-growth journey."
/> />
</div> </div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqBase <FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
faqs={[ faqs={[
{ { id: "f1", title: "Do I need technical skills?", content: "Absolutely not. Setup is intuitive." },
id: "f1", title: "Do I need technical skills?", content: "Absolutely not. Setup is intuitive."}, { id: "f2", title: "What tools does it replace?", content: "CRM, Jasper, Zapier, and ad tools." },
{ { id: "f3", title: "How long is setup?", content: "Less than 10 minutes." },
id: "f2", title: "What tools does it replace?", content: "CRM, Jasper, Zapier, and ad tools."}, { id: "f4", title: "Can agencies use it?", content: "Yes, we support multi-client setups." },
{ { id: "f5", title: "How good is the AI?", content: "Expert-grade content tailored to your brand." },
id: "f3", title: "How long is setup?", content: "Less than 10 minutes."}, { id: "f6", title: "Can I cancel anytime?", content: "Yes, monthly plans are flexible." },
{
id: "f4", title: "Can agencies use it?", content: "Yes, we support multi-client setups."},
{
id: "f5", title: "How good is the AI?", content: "Expert-grade content tailored to your brand."},
{
id: "f6", title: "Can I cancel anytime?", content: "Yes, monthly plans are flexible."},
]} ]}
title="Common Questions" title="Common Questions"
description="Answers to everything you need to know." description="Answers to everything you need to know."
faqsAnimation="slide-up" faqsAnimation="slide-up"
textboxLayout="split"
useInvertedBackground={true}
mediaAnimation="blur-reveal"
imageSrc="https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=800&_wi=1"
mediaPosition="left"
/> />
</div> </div>
<div id="cta" data-section="cta"> <div id="cta" data-section="cta">
<ContactText <ContactSplit
useInvertedBackground={false} tag="Final Step"
background={{ title="Ready to grow without the chaos?"
variant: "sparkles-gradient"}} description="Join top teams using Nexora to automate their operations."
text="Ready to grow without the chaos?" background={{ variant: "sparkles-gradient" }}
buttons={[ useInvertedBackground={true}
{ imageSrc="https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=800"
text: "Get started", href: "#"}, mediaPosition="right"
]}
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseReveal <FooterLogoEmphasis
logoText="Nexora" logoText="Nexora"
columns={[ columns={[
{ { items: [{ label: "CRM" }, { label: "AI Engine" }, { label: "Analytics" }] },
title: "Product", items: [ { items: [{ label: "About" }, { label: "Careers" }, { label: "Support" }] },
{ { items: [{ label: "Privacy" }, { label: "Terms" }, { label: "Status" }] },
label: "CRM", href: "#"},
{
label: "AI", href: "#"},
],
},
{
title: "Company", items: [
{
label: "About", href: "#"},
{
label: "Careers", href: "#"},
],
},
]} ]}
copyrightText="© 2026 Nexora Inc."
/> />
</div> </div>
</ReactLenis> </ReactLenis>

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #060816; --background: #0a0a0a;
--card: #0f1228; --card: #121212;
--foreground: #ffffff; --foreground: #fcfcfc;
--primary-cta: #22d3ee; --primary-cta: #7c3aed;
--primary-cta-text: #060816; --primary-cta-text: #060816;
--secondary-cta: #ffffff; --secondary-cta: #3b82f6;
--secondary-cta-text: #060816; --secondary-cta-text: #060816;
--accent: #334155; --accent: #8b5cf6;
--background-accent: #1e293b; --background-accent: #171717;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);