Update src/app/page.tsx

Update src/app/styles/variables.css
Update src/app/styles/base.css
2026-03-03 19:56:40 +00:00 · 2026-03-03 19:45:17 +00:00 · 2026-03-03 19:45:16 +00:00 · 2026-03-03 19:45:16 +00:00 · 2026-03-03 19:45:16 +00:00 · 2026-03-03 19:36:20 +00:00
4 changed files with 28 additions and 34 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,24 +1,18 @@
 import type { Metadata } from "next";
-import { Halant } from "next/font/google";
+import { DM_Sans } from "next/font/google";
 import { Inter } from "next/font/google";
-import { Manrope } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";

-const halant = Halant({
-  variable: "--font-halant",  subsets: ["latin"],
-  weight: ["300", "400", "500", "600", "700"],
+const dmSans = DM_Sans({
+  variable: "--font-dm-sans",  subsets: ["latin"],
 });

 const inter = Inter({
  variable: "--font-inter",  subsets: ["latin"],
 });

-const manrope = Manrope({
-  variable: "--font-manrope",  subsets: ["latin"],
-});
-
 export const metadata: Metadata = {
  title: "Creative Design Portfolio | UI/UX & Visual Communication",  description: "Award-winning designer specializing in UI/UX design, web design, and visual communication. Explore innovative design solutions.",  keywords: "UI design, UX design, web design, visual communication, graphic design, branding, portfolio",  metadataBase: new URL("https://designportfolio.com"),
  alternates: {
@@ -49,7 +43,7 @@ export default function RootLayout({
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
        <body
-          className={`${halant.variable} ${inter.variable} ${manrope.variable} antialiased`}
+          className={`${dmSans.variable} ${inter.variable} antialiased`}
        >
          <Tag />
          {children}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,14 +12,14 @@ import { Sparkles, Zap, Palette, Layout, Film, Brain, Mail, Image } from "lucide
 export default function LandingPage() {
  return (
    <ThemeProvider
-      defaultButtonVariant="icon-arrow"
-      defaultTextAnimation="background-highlight"
-      borderRadius="soft"
-      contentWidth="mediumSmall"
-      sizing="largeSmall"
-      background="blurBottom"
-      cardStyle="soft-shadow"
-      primaryButtonStyle="flat"
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
@@ -103,7 +103,7 @@ export default function LandingPage() {
          ]}
          animationType="slide-up"
          textboxLayout="default"
-          useInvertedBackground={true}
+          useInvertedBackground={false}
        />
      </div>

@@ -116,15 +116,15 @@ export default function LandingPage() {
          tagAnimation="slide-up"
          products={[
            {
-              id: "1",              brand: "Brand Identity",              name: "Luxury Fashion Rebrand",              price: "View Case Study",              rating: 5,
+              id: "1",              brand: "Print",              name: "Luxury Fashion Rebrand",              price: "View Case Study",              rating: 5,
              reviewCount: "Award-winning",              imageSrc: "http://img.b2bpic.net/free-vector/copper-advertisement-set_53876-93754.jpg",              imageAlt: "Luxury fashion brand identity design"
            },
            {
-              id: "2",              brand: "Web Design",              name: "E-Commerce Platform Redesign",              price: "View Case Study",              rating: 5,
+              id: "2",              brand: "Web",              name: "E-Commerce Platform Redesign",              price: "View Case Study",              rating: 5,
              reviewCount: "50K+ Users",              imageSrc: "http://img.b2bpic.net/free-psd/go-cashless-website-template_23-2149111230.jpg",              imageAlt: "E-commerce website interface design"
            },
            {
-              id: "3",              brand: "Print Design",              name: "Editorial Magazine Series",              price: "View Case Study",              rating: 5,
+              id: "3",              brand: "Print",              name: "Editorial Magazine Series",              price: "View Case Study",              rating: 5,
              reviewCount: "Published",              imageSrc: "http://img.b2bpic.net/free-vector/colorful-brochure-template_1035-1910.jpg",              imageAlt: "Magazine layout and editorial design"
            },
            {
@@ -132,11 +132,11 @@ export default function LandingPage() {
              reviewCount: "Series",              imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-business-card_23-2149277811.jpg",              imageAlt: "Technology startup branding system"
            },
            {
-              id: "5",              brand: "Multimedia",              name: "Brand Documentary Series",              price: "View Case Study",              rating: 5,
+              id: "5",              brand: "Video",              name: "Brand Documentary Series",              price: "View Case Study",              rating: 5,
              reviewCount: "4 Episodes",              imageSrc: "http://img.b2bpic.net/free-photo/professional-agency-setup-cinematic-footage-creation-video-editing_482257-118951.jpg",              imageAlt: "Video and multimedia production"
            },
            {
-              id: "6",              brand: "Web Design",              name: "SaaS Dashboard Interface",              price: "View Case Study",              rating: 5,
+              id: "6",              brand: "Web",              name: "SaaS Dashboard Interface",              price: "View Case Study",              rating: 5,
              reviewCount: "Live",              imageSrc: "http://img.b2bpic.net/free-vector/social-page-application-ui-design-concept_1284-45234.jpg",              imageAlt: "Software dashboard user interface design"
            },
          ]}
@@ -154,8 +154,8 @@ export default function LandingPage() {
          description="Ready to bring your vision to life? Reach out and let's explore how we can collaborate to create meaningful design experiences."
          tagIcon={Mail}
          tagAnimation="slide-up"
-          background={{ variant: "rotated-rays-animated-grid" }}
-          useInvertedBackground={true}
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
          inputPlaceholder="your@email.com"
          buttonText="Get Started"
          termsText="We respect your privacy. Your email is secure with us."
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-manrope), sans-serif;
+  font-family: var(--font-dm-sans), 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-dm-sans), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -5,20 +5,20 @@
  /* --background: #f5f5f5;;
  --card: #ffffff;;
  --foreground: #1c1c1c;;
-  --primary-cta: #341f51;;
+  --primary-cta: #1c1c1c;;
  --secondary-cta: #ffffff;;
-  --accent: #6139e6;;
-  --background-accent: #b3a8e8;; */
+  --accent: #8a8a8a;;
+  --background-accent: #e8e6e1;; */

  --background: #f5f5f5;;
  --card: #ffffff;;
  --foreground: #1c1c1c;;
-  --primary-cta: #341f51;;
+  --primary-cta: #1c1c1c;;
  --primary-cta-text: #f5f5f5;;
  --secondary-cta: #ffffff;;
  --secondary-cta-text: #1c1c1c;;
-  --accent: #6139e6;;
-  --background-accent: #b3a8e8;;
+  --accent: #8a8a8a;;
+  --background-accent: #e8e6e1;;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	e432fa6faf	Update src/app/page.tsx	2026-03-03 19:56:40 +00:00
bender	51ca2e8b44	Update src/app/styles/variables.css	2026-03-03 19:45:17 +00:00
bender	a418e23b97	Update src/app/styles/base.css	2026-03-03 19:45:16 +00:00
bender	339b168b2f	Update src/app/page.tsx	2026-03-03 19:45:16 +00:00
bender	12f8521522	Update src/app/layout.tsx	2026-03-03 19:45:16 +00:00
bender	fce3a649f3	Merge version_1 into main Merge version_1 into main	2026-03-03 19:36:20 +00:00
bender	2232b2d5b8	Merge version_1 into main Merge version_1 into main	2026-03-03 19:32:30 +00:00
bender	665c7c3eba	Merge version_1 into main Merge version_1 into main	2026-03-03 19:23:36 +00:00
bender	69f06c6af4	Merge version_1 into main Merge version_1 into main	2026-03-03 19:22:29 +00:00
bender	bc257509e0	Merge version_1 into main Merge version_1 into main	2026-03-03 19:17:35 +00:00
bender	9a399aa986	Merge version_1 into main Merge version_1 into main	2026-03-03 19:13:11 +00:00