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

Merge version_3 into main

Browse Source 
Merge version_3 into main
This commit was merged in pull request #4.
This commit is contained in:
bender
2026-04-26 00:23:14 +00:00
parent 27e3c64937 e43f5220cb
commit 6fe593d61b
2 changed files with 59 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

161
src/app/page.tsx
View File

@@ -2,10 +2,10 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
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 MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
@@ -22,41 +22,33 @@ export default function LandingPage() {
contentWidth="mediumSmall"
sizing="medium"
background="none"
cardStyle="gradient-radial"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="solid"
headingFontWeight="bold"
cardStyle="glass-depth"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Product", id: "#features"},
{
name: "Demo", id: "#demo"},
{
name: "Pricing", id: "#pricing"},
{
name: "FAQ", id: "#faq"},
{ name: "Product", id: "#features" },
{ name: "Demo", id: "#demo" },
{ name: "Pricing", id: "#pricing" },
{ name: "FAQ", id: "#faq" },
]}
brandName="Nexora"
button={{
text: "Get started", href: "#cta"}}
button={{ text: "Get started", href: "#cta" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "glowing-orb"}}
background={{ variant: "glowing-orb" }}
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."
buttons={[
{
text: "Get started", href: "#cta"},
{
text: "Watch demo", href: "#demo"},
{ text: "Get started", href: "#cta" },
{ 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"
mediaAnimation="slide-up"
@@ -67,9 +59,8 @@ export default function LandingPage() {
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"SMBs", "Marketing Agencies", "Creators", "Entrepreneurs", "Startups", "Enterprises", "Influencers"]}
useInvertedBackground={true}
names={["SMBs", "Marketing Agencies", "Creators", "Entrepreneurs", "Startups", "Enterprises", "Influencers"]}
title="Trusted worldwide"
description="Empowering teams across the globe to automate their growth."
/>
@@ -80,14 +71,11 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={false}
useInvertedBackground={true}
metrics={[
{
id: "m1", value: "3.4x", description: "Higher ROAS"},
{
id: "m2", value: "-12h", description: "Weekly time saved"},
{
id: "m3", value: "<10m", description: "Setup time"},
{ id: "m1", value: "3.4x", description: "Higher ROAS" },
{ id: "m2", value: "-12h", description: "Weekly time saved" },
{ id: "m3", value: "<10m", description: "Setup time" },
]}
title="Unmatched Efficiency"
description="See the impact on your business metrics."
@@ -99,16 +87,12 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={false}
useInvertedBackground={true}
features={[
{
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: "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: "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: "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: "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: "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"
description="Engineered for speed, built for scale."
@@ -117,7 +101,7 @@ export default function LandingPage() {
<div id="demo" data-section="demo">
<MediaAbout
useInvertedBackground={false}
useInvertedBackground={true}
title="Watch Nexora in Action"
description="Experience the 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"
@@ -127,7 +111,7 @@ export default function LandingPage() {
<div id="roi-calculator" data-section="roi-calculator">
<MediaAbout
useInvertedBackground={false}
useInvertedBackground={true}
title="Interactive ROI Calculator"
description="Select your tools below to see your potential savings with Nexora."
imageSrc="https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=800&_wi=5"
@@ -139,26 +123,11 @@ export default function LandingPage() {
<PricingCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
useInvertedBackground={true}
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: "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"},
{ 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: "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"
description="Choose the perfect plan to fuel your growth."
@@ -166,64 +135,46 @@ export default function LandingPage() {
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
<FaqSplitMedia
faqs={[
{
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: "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."},
{ 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: "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"
description="Answers to everything you need to know."
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 id="cta" data-section="cta">
<ContactText
useInvertedBackground={false}
background={{
variant: "sparkles-gradient"}}
text="Ready to grow without the chaos?"
buttons={[
{
text: "Get started", href: "#"},
]}
<ContactSplit
tag="Final Step"
title="Ready to grow without the chaos?"
description="Join top teams using Nexora to automate their operations."
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={true}
imageSrc="https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=800"
mediaPosition="right"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
<FooterLogoEmphasis
logoText="Nexora"
columns={[
{
title: "Product", items: [
{
label: "CRM", href: "#"},
{
label: "AI", href: "#"},
],
},
{
title: "Company", items: [
{
label: "About", href: "#"},
{
label: "Careers", href: "#"},
],
},
{ items: [{ label: "CRM" }, { label: "AI Engine" }, { label: "Analytics" }] },
{ items: [{ label: "About" }, { label: "Careers" }, { label: "Support" }] },
{ items: [{ label: "Privacy" }, { label: "Terms" }, { label: "Status" }] },
]}
copyrightText="© 2026 Nexora Inc."
/>
</div>
</ReactLenis>

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

@@ -10,12 +10,12 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #060816;
--card: #0f1228;
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #ffffff;
--primary-cta: #22d3ee;
--primary-cta-text: #060816;
--secondary-cta: #ffffff;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #060816;
--accent: #334155;
--background-accent: #1e293b;