Update src/app/page.tsx

Update src/app/styles/variables.css
2026-03-04 00:19:24 +00:00 · 2026-03-04 00:17:30 +00:00 · 2026-03-04 00:17:29 +00:00 · 2026-03-04 00:17:29 +00:00 · 2026-03-04 00:14:27 +00:00 · 2026-03-04 00:13:10 +00:00
3 changed files with 38 additions and 82 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,60 +1,17 @@
 import type { Metadata } from "next";
 import { Poppins } from "next/font/google";
 import { Halant } from "next/font/google";
 import { Inter } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 const poppins = Poppins({
  variable: "--font-poppins",  subsets: ["latin"],
  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
 });
 const halant = Halant({
  variable: "--font-halant",  subsets: ["latin"],
  weight: ["300", "400", "500", "600", "700"],
 });
 const inter = Inter({
  variable: "--font-inter",  subsets: ["latin"],
 });
 export const metadata: Metadata = {
-  title: "Vaquer - Web Design & Marketing Agency",  description: "Strategic web design and digital marketing services that drive measurable business growth. We create compelling digital experiences for brands ready to scale.",  keywords: "web design, web development, digital marketing, branding, UI/UX design, e-commerce, SaaS design",  metadataBase: new URL("https://vaquer.com"),
+  title: "Vaquer - Strategic Web Design & Marketing",  description: "Premium web design and marketing agency delivering strategic digital solutions that drive measurable business growth."};
  alternates: {
    canonical: "https://vaquer.com"
  },
  openGraph: {
    title: "Vaquer - Web Design & Marketing Agency",    description: "Strategic web design and digital marketing services that drive measurable business growth.",    url: "https://vaquer.com",    siteName: "Vaquer",    type: "website",    images: [
      {
        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASPS910MRVzAcc6d6ZwFvDWISF/modern-web-design-studio-workspace-with--1772583051827-9cd795bb.png",        alt: "Vaquer Web Design Agency"
      }
    ]
  },
  twitter: {
    card: "summary_large_image",    title: "Vaquer - Web Design & Marketing Agency",    description: "Strategic web design and digital marketing services that drive measurable business growth.",    images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASPS910MRVzAcc6d6ZwFvDWISF/modern-web-design-studio-workspace-with--1772583051827-9cd795bb.png"]
  },
  robots: {
    index: true,
    follow: true
  }
 };
 export default function RootLayout({
  children,
-}: Readonly<{
+}: {
  children: React.ReactNode;
-}>) {
+}) {
  return (
-    <html lang="en" suppressHydrationWarning>
+    <html lang="en">
-      <ServiceWrapper>
+      <body>{children}
        <body
          className={`${poppins.variable} ${halant.variable} ${inter.variable} antialiased`}
        >
          <Tag />
          {children}
        <script
          dangerouslySetInnerHTML={{
            __html: `
@@ -1422,7 +1379,6 @@ export default function RootLayout({
          }}
        />
      </body>
      </ServiceWrapper>
    </html>
  );
 }
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -15,7 +15,7 @@ import { Sparkles, Compass, Zap, TrendingUp, CheckCircle, Heart, Star, Rocket, L
 export default function LandingPage() {
  return (
    <ThemeProvider
-      defaultButtonVariant="hover-bubble"
+      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="medium"
@@ -52,18 +52,18 @@ export default function LandingPage() {
            { value: "45%", label: "Avg Conversion Increase" },
            { value: "98%", label: "Client Satisfaction" }
          ]}
-          enableKpiAnimation={true}
+          enableKpiAnimation={false}
          tag="Premium Web Agency"
          tagIcon={Sparkles}
-          tagAnimation="slide-up"
+          tagAnimation="none"
          buttons={[
            { text: "Explore Our Work", href: "#testimonials" },
            { text: "Schedule Consultation", href: "#contact" }
          ]}
-          buttonAnimation="slide-up"
+          buttonAnimation="none"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASPS910MRVzAcc6d6ZwFvDWISF/modern-web-design-studio-workspace-with--1772583051827-9cd795bb.png"
          imageAlt="Vaquer design studio workspace"
-          mediaAnimation="slide-up"
+          mediaAnimation="none"
          imagePosition="right"
        />
      </div>
@@ -72,7 +72,7 @@ export default function LandingPage() {
        <MetricSplitMediaAbout
          tag="Our Approach"
          tagIcon={Compass}
-          tagAnimation="slide-up"
+          tagAnimation="none"
          title="Design Thinking Meets Strategic Marketing"
          description="At Vaquer, we believe exceptional design is more than aesthetics—it's a strategic tool that solves real business problems. We combine deep market research, user-centered design principles, and data-driven marketing to create digital experiences that engage audiences and drive conversions. Our multidisciplinary team brings together designers, strategists, and marketers to deliver cohesive solutions."
          metrics={[
@@ -82,8 +82,8 @@ export default function LandingPage() {
          useInvertedBackground={true}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASPS910MRVzAcc6d6ZwFvDWISF/brand-strategy-and-design-process-visual-1772583052470-84c04b67.png"
          imageAlt="Vaquer brand strategy and design process"
-          mediaAnimation="slide-up"
+          mediaAnimation="none"
-          metricsAnimation="slide-up"
+          metricsAnimation="none"
        />
      </div>
@@ -93,7 +93,7 @@ export default function LandingPage() {
          description="End-to-end digital solutions tailored to elevate your brand and drive measurable business results."
          tag="What We Offer"
          tagIcon={Zap}
-          tagAnimation="slide-up"
+          tagAnimation="none"
          accordionItems={[
            {
              id: "1",              title: "Web Design & Development",              content: "Custom websites and applications built with modern technologies. We design pixel-perfect interfaces and develop robust solutions optimized for performance, accessibility, and conversion. From responsive design to complex web applications, we deliver digital experiences that stand out."
@@ -113,13 +113,13 @@ export default function LandingPage() {
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASPS910MRVzAcc6d6ZwFvDWISF/beautiful-web-design-showcase-displaying-1772583051801-0097b6e0.png?_wi=1"
          imageAlt="Web design and development showcase"
-          mediaAnimation="slide-up"
+          mediaAnimation="none"
          useInvertedBackground={false}
          mediaPosition="left"
          buttons={[
            { text: "Learn More", href: "#contact" }
          ]}
-          buttonAnimation="slide-up"
+          buttonAnimation="none"
        />
      </div>
@@ -129,14 +129,14 @@ export default function LandingPage() {
          description="Measurable results that prove our commitment to your success"
          tag="Performance Metrics"
          tagIcon={TrendingUp}
-          tagAnimation="slide-up"
+          tagAnimation="none"
          metrics={[
            { id: "1", value: "250", title: "Projects Completed", description: "From startups to Fortune 500 companies", icon: CheckCircle },
            { id: "2", value: "45", title: "Percent Average Growth", description: "In client conversions within first year", icon: TrendingUp },
            { id: "3", value: "98", title: "Percent Client Retention", description: "Long-term partnerships and repeat work", icon: Heart }
          ]}
          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
+          animationType="none"
          textboxLayout="default"
          useInvertedBackground={false}
        />
@@ -153,7 +153,7 @@ export default function LandingPage() {
          cardTitle="Over 250 brands trust Vaquer to elevate their digital presence and drive measurable business growth"
          cardTag="Client Success Stories"
          cardTagIcon={Star}
-          cardAnimation="slide-up"
+          cardAnimation="none"
          useInvertedBackground={false}
        />
      </div>
@@ -164,7 +164,7 @@ export default function LandingPage() {
          description="Comprehensive solutions tailored to your unique business needs"
          tag="Service Offerings"
          tagIcon={Layers}
-          tagAnimation="slide-up"
+          tagAnimation="none"
          products={[
            {
              id: "1",              name: "Brand Identity Design",              price: "Starting at $5,000",              variant: "Logo + Guidelines + Collateral",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASPS910MRVzAcc6d6ZwFvDWISF/brand-identity-development-showcase-with-1772583051693-9b5d6911.png",              imageAlt: "Brand identity design services"
@@ -177,13 +177,13 @@ export default function LandingPage() {
            }
          ]}
          gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
+          animationType="none"
          textboxLayout="default"
          useInvertedBackground={true}
          buttons={[
            { text: "View All Services", href: "#contact" }
          ]}
-          buttonAnimation="slide-up"
+          buttonAnimation="none"
        />
      </div>
@@ -191,14 +191,14 @@ export default function LandingPage() {
        <ContactCTA
          tag="Ready to Transform Your Brand?"
          tagIcon={Rocket}
-          tagAnimation="slide-up"
+          tagAnimation="none"
          title="Let's Create Something Remarkable Together"
          description="Partner with Vaquer to develop a digital strategy that drives growth. Whether you're launching a new product, redesigning your brand, or scaling your marketing efforts, our team is ready to deliver exceptional results."
          buttons={[
            { text: "Schedule Discovery Call", href: "mailto:hello@vaquer.com" },
            { text: "View Case Studies", href: "#testimonials" }
          ]}
-          buttonAnimation="slide-up"
+          buttonAnimation="none"
          background={{ variant: "gradient-bars" }}
          useInvertedBackground={false}
        />
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -2,23 +2,23 @@
  /* Base units */
  /* --vw is set by ThemeProvider */
-  /* --background: #f5f4ef;;
+  /* --background: #1a1a1a;;
-  --card: #dad6cd;;
+  --card: #242424;;
-  --foreground: #2a2928;;
+  --foreground: #e8e8e8;;
-  --primary-cta: #2a2928;;
+  --primary-cta: #2a2a2a;;
-  --secondary-cta: #ecebea;;
+  --secondary-cta: #3a3a3a;;
-  --accent: #ffffff;;
+  --accent: #4a4a4a;;
-  --background-accent: #c6b180;; */
+  --background-accent: #333333;; */
-  --background: #f5f4ef;;
+  --background: #1a1a1a;;
-  --card: #dad6cd;;
+  --card: #242424;;
-  --foreground: #2a2928;;
+  --foreground: #e8e8e8;;
-  --primary-cta: #2a2928;;
+  --primary-cta: #2a2a2a;;
  --primary-cta-text: #f5f4ef;;
-  --secondary-cta: #ecebea;;
+  --secondary-cta: #3a3a3a;;
  --secondary-cta-text: #2a2928;;
-  --accent: #ffffff;;
+  --accent: #4a4a4a;;
-  --background-accent: #c6b180;;
+  --background-accent: #333333;;
  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	170cc1b0e8	Update src/app/page.tsx	2026-03-04 00:19:24 +00:00
bender	81f8fd84fe	Update src/app/styles/variables.css	2026-03-04 00:17:30 +00:00
bender	d8a1e51eea	Update src/app/page.tsx	2026-03-04 00:17:29 +00:00
bender	f9a22033d1	Update src/app/layout.tsx	2026-03-04 00:17:29 +00:00
bender	df0099492e	Merge version_1 into main Merge version_1 into main	2026-03-04 00:14:27 +00:00
bender	695c7b65b3	Merge version_1 into main Merge version_1 into main	2026-03-04 00:13:10 +00:00
bender	8bda74ade8	Merge version_1 into main Merge version_1 into main	2026-03-04 00:11:44 +00:00