Update src/app/styles/variables.css

Update src/app/page.tsx
Merge version_3 into main
2026-04-26 00:28:45 +00:00 · 2026-04-26 00:28:44 +00:00 · 2026-04-26 00:23:14 +00:00 · 2026-04-26 00:23:08 +00:00 · 2026-04-26 00:23:07 +00:00 · 2026-04-25 22:27:51 +00:00
2 changed files with 78 additions and 127 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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';
@@ -16,50 +16,42 @@ import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 export default function LandingPage() {
  return (
    <ThemeProvider
-        defaultButtonVariant="text-stagger"
-        defaultTextAnimation="background-highlight"
-        borderRadius="pill"
-        contentWidth="mediumSmall"
-        sizing="medium"
-        background="none"
-        cardStyle="gradient-radial"
-        primaryButtonStyle="diagonal-gradient"
-        secondaryButtonStyle="solid"
+        defaultButtonVariant="hover-magnetic"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="mediumLarge"
+        sizing="largeSizeMediumTitles"
+        background="noiseDiagonalGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <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."
+      description="Nexora combines CRM, AI, and Automation to scale your growth instantly. Experience the high-end dashboard interface designed for modern SaaS leaders."
      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"
+      mediaAnimation="blur-reveal"
      imageAlt="Dark-themed CRM dashboard interface showing analytics and pipeline progress"
    />
  </div>
@@ -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."
    />
@@ -77,49 +68,42 @@ export default function LandingPage() {

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
-      animationType="slide-up"
+      animationType="blur-reveal"
      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."
+      description="See the impact on your business metrics through our high-end analytics dashboard."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyNine
-      animationType="slide-up"
+      animationType="blur-reveal"
      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 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: "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: "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="All-in-one Growth Engine"
-      description="Engineered for speed, built for scale."
+      description="Engineered for speed, built for professional scale."
    />
  </div>

  <div id="demo" data-section="demo">
      <MediaAbout
-      useInvertedBackground={false}
+      useInvertedBackground={true}
      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"
      imageAlt="Dark mode dashboard analytics UI"
    />
@@ -127,9 +111,9 @@ 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."
+      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"
      imageAlt="ROI calculator dashboard interface"
    />
@@ -137,93 +121,60 @@ export default function LandingPage() {

  <div id="pricing" data-section="pricing">
      <PricingCardNine
-      animationType="slide-up"
+      animationType="blur-reveal"
      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."
+      description="Choose the perfect plan to fuel your high-growth journey."
    />
  </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>
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #060816;
-  --card: #0f1228;
-  --foreground: #ffffff;
-  --primary-cta: #22d3ee;
+  --background: #0a0a0a;
+  --card: #121212;
+  --foreground: #fcfcfc;
+  --primary-cta: #7c3aed;
  --primary-cta-text: #060816;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #3b82f6;
  --secondary-cta-text: #060816;
-  --accent: #334155;
-  --background-accent: #1e293b;
+  --accent: #8b5cf6;
+  --background-accent: #171717;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
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