Update src/app/styles/variables.css

Merge version_3 into main

src/app/page.tsx

@@ -2,16 +2,12 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import { Zap } from "lucide-react";
 
 export default function LandingPage() {
@@ -31,12 +27,7 @@ export default function LandingPage() {
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
-      navItems={[
+      navItems={[]}
-        { name: "Features", id: "features" },
-        { name: "Pricing", id: "pricing" },
-        { name: "FAQ", id: "faq" },
-        { name: "Contact", id: "contact" },
-      ]}
       brandName="Usta.ai"
       button={{ text: "Get Started", href: "#contact" }}
     />
@@ -47,14 +38,9 @@ export default function LandingPage() {
       title="Build Smarter AI, Faster."
       description="Usta.ai empowers teams to rapidly build, deploy, and scale custom AI solutions without the complexity. Your platform for innovation."
       buttons={[{ text: "Start Building", href: "#contact" }]}
-      imageSrc="http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg"
+      imageSrc="https://img.b2bpic.net/free-photo/mountain-landscape-peak-top-view-nature-travel-concept_123827-23424.jpg"
-      imageAlt="Usta.ai Platform Dashboard"
+      imageAlt="Majestic mountain peak landscape"
       showBlur={true}
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg", alt: "User avatar" },
-        { src: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg", alt: "User avatar" },
-        { src: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg", alt: "User avatar" },
-      ]}
       avatarText="Join 5,000+ developers"
     />
   </div>
@@ -68,7 +54,7 @@ export default function LandingPage() {
         { id: "f2", title: "Real-time Deployment", content: "One-click deployment to any cloud provider or edge device." },
         { id: "f3", title: "Auto-scaling Infrastructure", content: "Our backend automatically scales to handle your most demanding AI models." },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/3d-shape-glowing-with-bright-holographic-colors_23-2151037254.jpg"
+      imageSrc="https://img.b2bpic.net/free-photo/planet-earth-orbit-space-background-concept_123827-23455.jpg"
       mediaAnimation="slide-up"
       useInvertedBackground={false}
     />
@@ -77,11 +63,11 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <TestimonialAboutCard
       tag="Our Mission"
-      title="Democratizing AI Development"
+      title="Scaling New Horizons"
-      description="At Usta.ai, we believe every organization should have access to world-class artificial intelligence tools."
+      description="At Usta.ai, we are charting a path towards intelligent infrastructure that feels as vast and limitless as the cosmos."
-      subdescription="We are bridging the gap between complex research and practical application."
+      subdescription="We are bridging the gap between complex research and planetary-scale application."
       icon={Zap}
-      imageSrc="http://img.b2bpic.net/free-photo/programmer-colleague-office-training-machine-learning-algorithms_482257-116901.jpg"
+      imageSrc="https://img.b2bpic.net/free-photo/astronomer-looking-stars-night-sky-mountain_123827-23412.jpg"
       mediaAnimation="blur-reveal"
       useInvertedBackground={false}
     />
@@ -90,72 +76,19 @@ export default function LandingPage() {
   <div id="social-proof" data-section="social-proof">
       <SocialProofOne
       names={["InnovateLab", "DataCore", "NexTech", "CloudScale", "VisionaryAI"]}
-      title="Trusted by Industry Leaders"
+      title="Trusted by Global Explorers"
-      description="Driving innovation across global enterprises."
+      description="Driving innovation across the tech frontier."
       textboxLayout="default"
       useInvertedBackground={false}
     />
   </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        { id: "p1", badge: "Starter", price: "$99", subtitle: "For early-stage startups", features: ["5 AI Models", "Standard Support"] },
-        { id: "p2", badge: "Professional", price: "$299", subtitle: "For growing teams", features: ["20 AI Models", "Priority Support"] },
-      ]}
-      title="Simple, Scalable Pricing"
-      description="Plans designed for teams of any size."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      title="Loved by Developers Worldwide"
-      description="See why teams choose Usta.ai."
-      testimonials={[
-        { id: "t1", name: "Sarah Chen", date: "Oct 2024", title: "Game-changer", quote: "Usta.ai reduced our development time by 70%.", tag: "DevOps", avatarSrc: "http://img.b2bpic.net/free-photo/scientist-factory-using-tablet-check-photovoltaics-materials-parameters_482257-120526.jpg" },
-        { id: "t2", name: "Mark Miller", date: "Sept 2024", title: "Incredible", quote: "Most intuitive platform I've ever used.", tag: "Engineering", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg" },
-      ]}
-      textboxLayout="default"
-      useInvertedBackground={false}
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      title="Questions? Answers."
-      description="Everything you need to know about Usta.ai."
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        { id: "q1", title: "Is coding required?", content: "No, our visual builder allows you to create complex AI workflows entirely without code." },
-        { id: "q2", title: "Can I export my models?", content: "Yes, you can export your models and deploy them to your own infrastructure easily." },
-      ]}
-      faqsAnimation="blur-reveal"
-      mediaAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/laptop-desk-office-showing-stock-exchange-indices_482257-106388.jpg"
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      tag="Contact"
-      title="Ready to Start?"
-      description="Reach out to our team to schedule a demo."
-      background={{ variant: "gradient-bars" }}
-      useInvertedBackground={false}
-    />
-  </div>
-
   <div id="footer" data-section="footer">
       <FooterBase
       logoText="Usta.ai"
       columns={[
-        { title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
+        { title: "Product", items: [{ label: "Features", href: "#features" }] },
-        { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] },
+        { title: "Support", items: [{ label: "Privacy", href: "#" }] },
       ]}
     />
   </div>

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-dm-sans), sans-serif;
+  font-family: var(--font-figtree), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-manrope), sans-serif;
+  font-family: var(--font-figtree), sans-serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
+  --background: #000000;
-  --card: #1a1a1a;
+  --card: #0f0f0f;
   --foreground: #ffffff;
-  --primary-cta: #e34400;
+  --primary-cta: #f97316;
   --primary-cta-text: #0a1a0c;
-  --secondary-cta: #010101;
+  --secondary-cta: #171717;
   --secondary-cta-text: #d4f6d8;
-  --accent: #e34400;
+  --accent: #f97316;
-  --background-accent: #e34400;
+  --background-accent: #171717;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);