Update src/app/page.tsx

Update src/app/styles/variables.css
2026-03-03 08:17:39 +00:00 · 2026-03-03 08:15:07 +00:00 · 2026-03-03 08:14:31 +00:00 · 2026-03-03 08:14:30 +00:00 · 2026-03-03 08:14:29 +00:00 · 2026-03-03 08:09:24 +00:00
3 changed files with 72 additions and 84 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,32 +1,27 @@
 import type { Metadata } from "next";
 import { Mulish } from "next/font/google";
 import { Inter } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 const mulish = Mulish({
  variable: "--font-mulish",  subsets: ["latin"],
 });
 const inter = Inter({
  variable: "--font-inter",  subsets: ["latin"],
 });
 export const metadata: Metadata = {
-  title: "RossX - Branding Studio | Visual Identity Design",  description: "Ultra-clean branding studio helping brands find their soul through minimal, elegant design and strategic brand identity solutions.",  keywords: "branding, brand identity, logo design, visual identity, brand strategy, design studio",  metadataBase: new URL("https://rossx.studio"),
+  title: "RossX Design Studio | Minimal Branding",  description: "Apple-inspired design studio creating clean, minimal brand identities with strategic purpose.",  keywords: "branding, design studio, minimal design, brand identity, visual identity",  metadataBase: new URL("https://rossx.studio"),
  alternates: {
    canonical: "https://rossx.studio"
  },
  openGraph: {
-    title: "RossX - Branding Studio",    description: "Finding your brand's soul through minimal, elegant design",    type: "website",    siteName: "RossX",    images: [
+    title: "RossX Design Studio",    description: "Creating clean, minimal brand identities with strategic purpose",    type: "website",    siteName: "RossX",    images: [
      {
-        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT4L5fT0AdTQ4ad3H7pGkZ1qt/uploaded-1772524871406-zgmme225.jpg",        alt: "RossX Branding Studio"
+        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT4L5fT0AdTQ4ad3H7pGkZ1qt/uploaded-1772524871406-zgmme225.jpg",        alt: "RossX Design Studio"
      }
    ]
  },
  twitter: {
-    card: "summary_large_image",    title: "RossX - Branding Studio",    description: "Finding your brand's soul through minimal, elegant design",    images: [
+    card: "summary_large_image",    title: "RossX Design Studio",    description: "Creating clean, minimal brand identities with strategic purpose",    images: [
      "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT4L5fT0AdTQ4ad3H7pGkZ1qt/uploaded-1772524871406-zgmme225.jpg"
    ]
  },
@@ -45,7 +40,7 @@ export default function RootLayout({
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
        <body
-          className={`${mulish.variable} ${inter.variable} antialiased`}
+          className={`${inter.variable} antialiased`}
        >
          <Tag />
          {children}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,7 +5,7 @@ import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloating
 import HeroLogo from "@/components/sections/hero/HeroLogo";
 import AboutMetric from "@/components/sections/about/AboutMetric";
 import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
-import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
+import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
 import ContactFaq from "@/components/sections/contact/ContactFaq";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 import { Sparkles, Users, Award, Globe, Lightbulb } from "lucide-react";
@@ -13,142 +13,135 @@ import { Sparkles, Users, Award, Globe, Lightbulb } from "lucide-react";
 export default function LandingPage() {
  return (
    <ThemeProvider
-      defaultButtonVariant="hover-bubble"
+      defaultButtonVariant="hover-magnetic"
-      defaultTextAnimation="reveal-blur"
+      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumLarge"
-      sizing="largeSmallSizeMediumTitles"
+      sizing="mediumLargeSizeLargeTitles"
      background="none"
-      cardStyle="layered-gradient"
+      cardStyle="solid"
-      primaryButtonStyle="radial-glow"
+      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
-      headingFontWeight="medium"
+      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
-          brandName="Ross"
+          brandName="RossX"
          navItems={[
            { name: "About", id: "about" },
            { name: "Services", id: "services" },
-            { name: "Work", id: "testimonials" },
+            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
-          button={{ text: "Let's Talk", href: "contact" }}
+          button={{ text: "Start", href: "contact" }}
          animateOnLoad={true}
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroLogo
-          logoText="Ross"
+          logoText="RossX"
-          description="Finding your brand's soul through minimal, elegant design"
+          description="Clean design. Strategic purpose. Timeless brands."
          buttons={[
-            { text: "Start Your Journey", href: "about" },
+            { text: "Explore", href: "about" },
-            { text: "View Our Work", href: "testimonials" }
+            { text: "Our Work", href: "testimonials" }
          ]}
          showDimOverlay={false}
          buttonAnimation="slide-up"
        />
      </div>
      <div id="about" data-section="about">
        <AboutMetric
-          title="We transform ordinary brands into extraordinary visual identities that resonate with your audience"
+          title="We create minimal brand identities that resonate"
          useInvertedBackground={false}
-          metricsAnimation="blur-reveal"
+          metricsAnimation="slide-up"
          metrics={[
-            { icon: Sparkles, label: "Projects Transformed", value: "150+" },
+            { icon: Sparkles, label: "Projects", value: "150+" },
-            { icon: Users, label: "Happy Clients", value: "120+" },
+            { icon: Users, label: "Clients", value: "120+" },
-            { icon: Award, label: "Years Expertise", value: "8" },
+            { icon: Award, label: "Years", value: "8" },
-            { icon: Globe, label: "Global Reach", value: "40+" }
+            { icon: Globe, label: "Reach", value: "40+" }
          ]}
        />
      </div>
      <div id="services" data-section="services">
        <FeatureCardSeven
-          title="Our Services"
+          title="What We Do"
-          description="Comprehensive branding solutions designed to elevate your vision"
+          description="Strategic design solutions built on clarity and intention"
-          tag="What We Do"
+          tag="Services"
          tagAnimation="slide-up"
          textboxLayout="default"
-          useInvertedBackground={true}
+          useInvertedBackground={false}
-          animationType="blur-reveal"
+          animationType="slide-up"
          features={[
            {
              id: 1,
-              title: "Brand Strategy",              description: "Deep-dive discovery into your brand DNA, market positioning, and unique value proposition"
+              title: "Brand Strategy",              description: "Understanding your vision, market position, and unique value proposition",              imageSrc: "/placeholders/placeholder1.webp?_wi=1",              imageAlt: "Brand Strategy"
            },
            {
              id: 2,
-              title: "Visual Identity",              description: "Custom logo design, color systems, and typography that perfectly encapsulate your essence"
+              title: "Visual Identity",              description: "Custom logos, color systems, and typography that define your brand",              imageSrc: "/placeholders/placeholder1.webp?_wi=2",              imageAlt: "Visual Identity"
            },
            {
              id: 3,
-              title: "Design Systems",              description: "Scalable, cohesive design frameworks that ensure consistency across all touchpoints"
+              title: "Design Systems",              description: "Scalable frameworks ensuring consistency across all touchpoints",              imageSrc: "/placeholders/placeholder1.webp?_wi=3",              imageAlt: "Design Systems"
            }
          ]}
        />
      </div>
      <div id="testimonials" data-section="testimonials">
-        <TestimonialCardSixteen
+        <TestimonialCardOne
-          title="What Our Clients Say"
+          title="Client Stories"
-          description="Hear from brands who found their soul through our design"
+          description="Trusted by brands who value clarity and craft"
          tag="Testimonials"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          testimonials={[
            {
-              id: "1",              name: "Sarah Chen",              role: "CEO",              company: "TechVenture Studios",              rating: 5
+              id: "1",              name: "Sarah Chen",              role: "Founder",              company: "TechVenture",              rating: 5,
              imageSrc: "/placeholders/placeholder1.webp?_wi=4",              imageAlt: "Sarah Chen"
            },
            {
-              id: "2",              name: "Marcus Johnson",              role: "Creative Director",              company: "Digital Forge",              rating: 5
+              id: "2",              name: "Marcus Johnson",              role: "Creative Lead",              company: "Digital Forge",              rating: 5,
              imageSrc: "/placeholders/placeholder1.webp?_wi=5",              imageAlt: "Marcus Johnson"
            },
            {
-              id: "3",              name: "Elena Rodriguez",              role: "Founder",              company: "Luxury & Co",              rating: 5
+              id: "3",              name: "Elena Rodriguez",              role: "Brand Director",              company: "Luxury & Co",              rating: 5,
              imageSrc: "/placeholders/placeholder1.webp?_wi=6",              imageAlt: "Elena Rodriguez"
            },
            {
-              id: "4",              name: "James Mitchell",              role: "Brand Manager",              company: "Global Ventures",              rating: 5
+              id: "4",              name: "James Mitchell",              role: "CEO",              company: "Global Ventures",              rating: 5,
-            },
+              imageSrc: "/placeholders/placeholder1.webp?_wi=7",              imageAlt: "James Mitchell"
            {
              id: "5",              name: "Aria Patel",              role: "COO",              company: "Innovation Labs",              rating: 5
            },
            {
              id: "6",              name: "David König",              role: "Business Owner",              company: "Premium Goods",              rating: 5
            }
          ]}
          kpiItems={[
            { value: "98%", label: "Client Satisfaction Rate" },
            { value: "150+", label: "Brands Elevated" },
            { value: "Award-Winning", label: "Design Excellence" }
          ]}
        />
      </div>
      <div id="process" data-section="process">
        <FeatureCardSeven
-          title="Our Process"
+          title="Our Approach"
-          description="A refined methodology to uncover and crystallize your brand's true essence"
+          description="A refined process to uncover your brand's essence"
-          tag="Methodology"
+          tag="Process"
          tagAnimation="slide-up"
          textboxLayout="default"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
          animationType="slide-up"
          features={[
            {
              id: 1,
-              title: "Discovery & Research",              description: "We immerse ourselves in your world, understanding your vision, market, and competitive landscape"
+              title: "Discovery",              description: "Deep understanding of your vision, market, and competitive landscape",              imageSrc: "/placeholders/placeholder1.webp?_wi=8",              imageAlt: "Discovery"
            },
            {
              id: 2,
-              title: "Concept & Strategy",              description: "Strategic exploration of creative directions aligned with your brand positioning"
+              title: "Strategy",              description: "Strategic exploration of creative directions aligned with your positioning",              imageSrc: "/placeholders/placeholder1.webp?_wi=9",              imageAlt: "Strategy"
            },
            {
              id: 3,
-              title: "Refinement & Delivery",              description: "Iterative refinement, precision execution, and comprehensive brand guidelines delivery"
+              title: "Delivery",              description: "Refined execution and comprehensive brand guidelines",              imageSrc: "/placeholders/placeholder1.webp?_wi=10",              imageAlt: "Delivery"
            }
          ]}
        />
@@ -156,25 +149,25 @@ export default function LandingPage() {
      <div id="contact" data-section="contact">
        <ContactFaq
-          ctaTitle="Ready to Find Your Brand's Soul?"
+          ctaTitle="Ready to Begin?"
-          ctaDescription="Let's collaborate to create something extraordinary"
+          ctaDescription="Let's create something meaningful together"
-          ctaButton={{ text: "Start a Conversation", href: "mailto:hello@rossx.studio" }}
+          ctaButton={{ text: "Get Started", href: "mailto:hello@rossx.studio" }}
          ctaIcon={Lightbulb}
-          useInvertedBackground={true}
+          useInvertedBackground={false}
-          animationType="blur-reveal"
+          animationType="slide-up"
          accordionAnimationType="smooth"
          faqs={[
            {
-              id: "1",              title: "How long does a branding project typically take?",              content: "Our projects typically range from 6-12 weeks depending on scope and complexity. We maintain consistent communication throughout to ensure alignment with your vision."
+              id: "1",              title: "What's your design process?",              content: "We start with discovery to understand your brand's core. Then we develop strategy, explore concepts, and deliver refined designs with complete brand guidelines."
            },
            {
-              id: "2",              title: "What's included in your branding package?",              content: "Complete brand strategy, logo design, color system, typography selection, brand guidelines, and all deliverables in digital and print-ready formats."
+              id: "2",              title: "How long does a project take?",              content: "Most projects range from 6-12 weeks depending on scope. We maintain consistent communication throughout to ensure alignment with your vision."
            },
            {
-              id: "3",              title: "Do you work with startups or established brands?",              content: "We work with both emerging startups defining their identity and established brands ready for evolution. Every project brings unique perspectives we're excited to explore."
+              id: "3",              title: "Do you work with startups?",              content: "Yes. We work with emerging startups defining their identity and established brands ready for evolution. Every project brings unique perspectives we embrace."
            },
            {
-              id: "4",              title: "What's your design philosophy?",              content: "We believe in minimalism with intention. Every element serves a purpose. We create designs that are clean, timeless, and deeply meaningful to your brand's core."
+              id: "4",              title: "What's included?",              content: "Brand strategy, logo design, color systems, typography, brand guidelines, and all deliverables in digital and print-ready formats."
            }
          ]}
        />
@@ -205,7 +198,7 @@ export default function LandingPage() {
              ]
            }
          ]}
-          copyrightText="© 2025 RossX. Finding brands their soul."
+          copyrightText="© 2025 RossX. Clean design. Strategic purpose."
        />
      </div>
    </ThemeProvider>
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -3,22 +3,22 @@
  /* --vw is set by ThemeProvider */
  /* --background: #ffffff;;
-  --card: #ffffff;;
+  --card: #f9f9f9;;
-  --foreground: #0a0a0a;;
+  --foreground: #000612e6;;
-  --primary-cta: #2563eb;;
+  --primary-cta: #15479c;;
  --secondary-cta: #f9f9f9;;
-  --accent: #ec4899;;
+  --accent: #e2e2e2;;
-  --background-accent: #fbbf24;; */
+  --background-accent: #c4c4c4;; */
  --background: #ffffff;;
-  --card: #ffffff;;
+  --card: #f9f9f9;;
-  --foreground: #0a0a0a;;
+  --foreground: #000612e6;;
-  --primary-cta: #2563eb;;
+  --primary-cta: #15479c;;
  --primary-cta-text: #ffffff;;
  --secondary-cta: #f9f9f9;;
  --secondary-cta-text: #0a0a0a;;
-  --accent: #ec4899;;
+  --accent: #e2e2e2;;
-  --background-accent: #fbbf24;;
+  --background-accent: #c4c4c4;;
  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	ceb015b0c8	Update src/app/page.tsx	2026-03-03 08:17:39 +00:00
bender	ffe2e06033	Update src/app/page.tsx	2026-03-03 08:15:07 +00:00
bender	dc9f088535	Update src/app/styles/variables.css	2026-03-03 08:14:31 +00:00
bender	f0852ac32e	Update src/app/page.tsx	2026-03-03 08:14:30 +00:00
bender	f665773f60	Update src/app/layout.tsx	2026-03-03 08:14:29 +00:00
bender	00ca5500d4	Merge version_2 into main Merge version_2 into main	2026-03-03 08:09:24 +00:00