Update theme fonts

2026-03-13 10:28:58 +00:00 · 2026-03-13 10:28:58 +00:00 · 2026-03-13 10:28:19 +00:00 · 2026-03-13 10:28:19 +00:00 · 2026-03-13 10:21:39 +00:00 · 2026-03-13 10:18:39 +00:00
4 changed files with 120 additions and 83 deletions
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,75 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import FooterCard from "@/components/sections/footer/FooterCard";
+import { Github, Instagram, Linkedin, Twitter } from "lucide-react";
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="layered-gradient"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="AM Agency"
+          navItems={[
+            { name: "Work", id: "/" },
+            { name: "Process", id: "/" },
+            { name: "About", id: "/" },
+            { name: "Contact", id: "/contact" }
+          ]}
+          button={{ text: "Get Started", href: "/contact" }}
+          animateOnLoad={true}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactSplitForm
+          title="Get in Touch"
+          description="We'd love to hear from you. Send us a message and let's start discussing your project."
+          inputs={[
+            { name: "name", type: "text", placeholder: "Your Name", required: true },
+            { name: "email", type: "email", placeholder: "Your Email", required: true }
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Tell us about your project...",            rows: 5,
+            required: true
+          }}
+          useInvertedBackground={false}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj7GIMAiMrDMRaDjVpBEuEoiXn/uploaded-1773397105044-5mg78kxj.png"
+          imageAlt="Contact us to start your project"
+          mediaAnimation="slide-up"
+          mediaPosition="right"
+          buttonText="Send Message"
+          onSubmit={(data) => {
+            console.log("Form data:", data);
+          }}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="   AM Agency "
+          copyrightText="© 2026 AM Agency. All rights reserved."
+          socialLinks={[
+            { icon: Linkedin, href: "https://linkedin.com/company/creativestudio", ariaLabel: "LinkedIn" },
+            { icon: Twitter, href: "https://twitter.com/creativestudio", ariaLabel: "Twitter" },
+            { icon: Instagram, href: "https://instagram.com/creativestudio", ariaLabel: "Instagram" },
+            { icon: Github, href: "https://github.com/creativestudio", ariaLabel: "GitHub" }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -6,6 +6,8 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Archivo } from "next/font/google";
+import { Open_Sans } from "next/font/google";
+import { Inter_Tight } from "next/font/google";



@@ -14,8 +16,12 @@ export const metadata: Metadata = {
  description: 'Award-winning creative web agency specializing in web design, branding, mobile apps, and digital strategy. Transform your vision into reality with our expert team.',
 };

-const archivo = Archivo({
-  variable: "--font-archivo",  subsets: ["latin"],
+
+
+const interTight = Inter_Tight({
+  variable: "--font-inter-tight",
+  subsets: ["latin"],
+  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
 });

 export default function RootLayout({
@@ -26,7 +32,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${archivo.variable} antialiased`}>
+        <body className={`${interTight.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -7,10 +7,10 @@ import TextAbout from "@/components/sections/about/TextAbout";
 import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
 import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
 import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
-import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
+import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterCard from "@/components/sections/footer/FooterCard";
-import { Award, Briefcase, CheckCircle, Github, Heart, Instagram, Linkedin, MessageSquare, Sparkles, Target, TrendingUp, Twitter, Users, Zap } from "lucide-react";
+import { Award, Briefcase, Heart, Github, Instagram, Linkedin, MessageSquare, Sparkles, Target, TrendingUp, Twitter, Users, Zap } from "lucide-react";

 export default function LandingPage() {
  return (
@@ -33,33 +33,33 @@ export default function LandingPage() {
            { name: "Work", id: "features" },
            { name: "Process", id: "process" },
            { name: "About", id: "about" },
-            { name: "Contact", id: "contact" }
+            { name: "Contact", id: "/contact" }
          ]}
-          button={{ text: "Get Started", href: "#contact" }}
+          button={{ text: "Get Started", href: "/contact" }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
-          title="Crafting Digital Experiences That Inspire"
+          title="Crafting Modern & Luxurious Webiste for Business"
          description="We design and build extraordinary digital products for ambitious brands. Transform your vision into reality with our expertise in web design, development, and creative strategy."
          background={{ variant: "glowing-orb" }}
          kpis={[
-            { value: "250+", label: "Projects Delivered" },
-            { value: "15+", label: "Years Experience" },
+            { value: "25+ ", label: "Projects Delivered" },
+            { value: "100%", label: "Focused on Client Needs" },
            { value: "98%", label: "Client Satisfaction" }
          ]}
          enableKpiAnimation={true}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj7GIMAiMrDMRaDjVpBEuEoiXn/a-modern-creative-studio-workspace-with--1773394805437-eefa660c.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj7GIMAiMrDMRaDjVpBEuEoiXn/uploaded-1773396641155-y1d3vcet.png"
          imageAlt="Creative studio workspace and design process"
          mediaAnimation="slide-up"
          buttons={[
            { text: "Explore Our Work", href: "#features" },
-            { text: "Let's Talk", href: "#contact" }
+            { text: "Let's Talk", href: "/contact" }
          ]}
          buttonAnimation="slide-up"
-          tag="Award-Winning Agency"
+          tag="Highly Dedicated Agency"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
        />
@@ -92,15 +92,15 @@ export default function LandingPage() {
          features={[
            {
              id: 1,
-              tag: "Strategy",              title: "Understaing & Strategy",              subtitle: "Understanding your vision and market",              description: "We dive deep into your business, audience, and competitive landscape. Through collaborative workshops and research, we develop a strategic foundation that guides every decision throughout the project.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj7GIMAiMrDMRaDjVpBEuEoiXn/a-diverse-team-of-strategists-and-consul-1773394805105-b8ebb479.png",              imageAlt: "Team collaborating on strategy",              buttons: [{ text: "Learn More", href: "#" }]
+              tag: "Strategy",              title: "Understaing & Strategy",              subtitle: "Understanding your vision and market",              description: "We dive deep into your business, audience, and competitive landscape. Through collaborative workshops and research, we develop a strategic foundation that guides every decision throughout the project.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj7GIMAiMrDMRaDjVpBEuEoiXn/a-diverse-team-of-strategists-and-consul-1773394805105-b8ebb479.png",              imageAlt: "Team collaborating on strategy"
            },
            {
              id: 2,
-              tag: "Design",              title: "Design & Innovation",              subtitle: "Creating beautiful, functional experiences",              description: "Our designers craft intuitive interfaces and stunning visuals that captivate users. We blend aesthetics with functionality, ensuring every pixel serves a purpose and enhances the user experience.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj7GIMAiMrDMRaDjVpBEuEoiXn/a-talented-designer-working-at-a-compute-1773394805987-2f75a2a9.png",              imageAlt: "Designer working on digital mockups",              buttons: [{ text: "See Designs", href: "#" }]
+              tag: "Design",              title: "Design & Innovation",              subtitle: "Creating beautiful, functional experiences",              description: "Our designers craft intuitive interfaces and stunning visuals that captivate users. We blend aesthetics with functionality, ensuring every pixel serves a purpose and enhances the user experience.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj7GIMAiMrDMRaDjVpBEuEoiXn/a-talented-designer-working-at-a-compute-1773394805987-2f75a2a9.png",              imageAlt: "Designer working on digital mockups"
            },
            {
              id: 3,
-              tag: "Development",              title: "Development & Optimization",              subtitle: "Building performant, scalable solutions",              description: "Our developers bring designs to life with clean, efficient code. We prioritize performance, security, and scalability to create robust digital solutions that grow with your business.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj7GIMAiMrDMRaDjVpBEuEoiXn/a-skilled-developer-coding-on-a-computer-1773394805144-a84dfcb2.png",              imageAlt: "Developer coding on computer",              buttons: [{ text: "View Tech Stack", href: "#" }]
+              tag: "Development",              title: "Development & Optimization",              subtitle: "Building performant, scalable solutions",              description: "Our developers bring designs to life with clean, efficient code. We prioritize performance, security, and scalability to create robust digital solutions that grow with your business.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj7GIMAiMrDMRaDjVpBEuEoiXn/a-skilled-developer-coding-on-a-computer-1773394805144-a84dfcb2.png",              imageAlt: "Developer coding on computer"
            }
          ]}
        />
@@ -158,76 +158,32 @@ export default function LandingPage() {
        />
      </div>

-      <div id="features" data-section="features">
-        <FeatureCardTen
-          title="Our Services & Expertise"
-          description="Comprehensive creative solutions designed to elevate your brand and drive business growth."
-          tag="What We Offer"
-          tagIcon={Zap}
+      <div id="pricing" data-section="pricing">
+        <PricingCardOne
+          title="Simple, Transparent Pricing"
+          description="Choose the perfect plan for your needs. Flexible pricing that scales with your business."
+          tag="Our Plans"
+          tagIcon={Sparkles}
          tagAnimation="slide-up"
          textboxLayout="default"
-          animationType="slide-up"
          useInvertedBackground={false}
-          features={[
+          animationType="slide-up"
+          plans={[
            {
-              id: "1",              title: "Web Design & Development",              description: "Beautiful, high-performance websites that convert visitors into customers. We combine stunning design with robust technology.",              media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj7GIMAiMrDMRaDjVpBEuEoiXn/a-beautiful-modern-website-displayed-on--1773394805768-1ba78fcf.png" },
-              items: [
-                { icon: CheckCircle, text: "Responsive design for all devices" },
-                { icon: CheckCircle, text: "Optimized performance and SEO" },
-                { icon: CheckCircle, text: "Content management systems" },
-                { icon: CheckCircle, text: "E-commerce integration" }
-              ],
-              reverse: false
+              id: "1",              badge: "Starter",              price: "$2,999",              subtitle: "Perfect for new projects",              features: [
+                "5-page website",                "Responsive design",                "Basic SEO",                "1 round of revisions",                "Email support"
+              ]
            },
            {
-              id: "2",              title: "Brand Strategy & Identity",              description: "Comprehensive branding that resonates with your audience and differentiates you from competitors.",              media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj7GIMAiMrDMRaDjVpBEuEoiXn/a-comprehensive-brand-identity-display-s-1773394806113-e2214b95.png" },
-              items: [
-                { icon: CheckCircle, text: "Logo and visual identity design" },
-                { icon: CheckCircle, text: "Brand guidelines and voice" },
-                { icon: CheckCircle, text: "Market positioning strategy" },
-                { icon: CheckCircle, text: "Brand messaging framework" }
-              ],
-              reverse: true
+              id: "2",              badge: "Most Popular",              badgeIcon: Sparkles,
+              price: "$5,999",              subtitle: "Best for growing businesses",              features: [
+                "10-page website",                "Advanced responsive design",                "Full SEO optimization",                "3 rounds of revisions",                "Priority email & phone support",                "Analytics setup"
+              ]
            },
            {
-              id: "3",              title: "Digital Marketing & Growth",              description: "Strategic marketing solutions that increase visibility, engagement, and revenue for your business.",              media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj7GIMAiMrDMRaDjVpBEuEoiXn/a-digital-marketing-dashboard-showing-an-1773394806168-76f42a92.png" },
-              items: [
-                { icon: CheckCircle, text: "SEO and content marketing" },
-                { icon: CheckCircle, text: "Social media strategy" },
-                { icon: CheckCircle, text: "Paid advertising campaigns" },
-                { icon: CheckCircle, text: "Analytics and optimization" }
-              ],
-              reverse: false
-            },
-            {
-              id: "4",              title: "Mobile Apps & Experiences",              description: "Native and cross-platform applications that deliver engaging user experiences and drive business value.",              media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj7GIMAiMrDMRaDjVpBEuEoiXn/multiple-smartphones-and-tablets-display-1773394805353-a7f1ff72.png" },
-              items: [
-                { icon: CheckCircle, text: "iOS and Android development" },
-                { icon: CheckCircle, text: "Cross-platform solutions" },
-                { icon: CheckCircle, text: "API integration" },
-                { icon: CheckCircle, text: "App store optimization" }
-              ],
-              reverse: true
-            },
-            {
-              id: "5",              title: "UI/UX Design & Research",              description: "User-centered design approach that creates intuitive, beautiful interfaces that users love.",              media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj7GIMAiMrDMRaDjVpBEuEoiXn/a-ux-designer-working-at-a-desk-with-wir-1773394806136-e5e83465.png" },
-              items: [
-                { icon: CheckCircle, text: "User research and testing" },
-                { icon: CheckCircle, text: "Wireframing and prototyping" },
-                { icon: CheckCircle, text: "Interaction design" },
-                { icon: CheckCircle, text: "Accessibility standards" }
-              ],
-              reverse: false
-            },
-            {
-              id: "6",              title: "Consulting & Strategy",              description: "Expert guidance to navigate digital transformation and align technology with your business goals.",              media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj7GIMAiMrDMRaDjVpBEuEoiXn/a-business-consultant-or-strategist-pres-1773394805211-d15594c6.png" },
-              items: [
-                { icon: CheckCircle, text: "Digital transformation roadmap" },
-                { icon: CheckCircle, text: "Technology stack selection" },
-                { icon: CheckCircle, text: "Process optimization" },
-                { icon: CheckCircle, text: "Team augmentation" }
-              ],
-              reverse: true
+              id: "3",              badge: "Enterprise",              price: "$12,999+",              subtitle: "Custom solutions for enterprises",              features: [
+                "Unlimited pages",                "Custom design",                "Advanced optimization",                "Unlimited revisions",                "24/7 dedicated support",                "API integrations",                "Performance monitoring"
+              ]
            }
          ]}
        />
@@ -240,8 +196,8 @@ export default function LandingPage() {
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          buttons={[
-            { text: "Start a Project", href: "#" },
-            { text: "Schedule a Call", href: "#" }
+            { text: "Start a Project", href: "/contact" },
+            { text: "Schedule a Call", href: "/contact" }
          ]}
        />
      </div>
@@ -260,4 +216,4 @@ export default function LandingPage() {
      </div>
    </ThemeProvider>
  );
-}
+}
--- 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-archivo), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-archivo), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
 }
Author	SHA1	Message	Date
bender	12700d8063	Update theme fonts	2026-03-13 10:28:58 +00:00
bender	160eecaa5c	Update theme fonts	2026-03-13 10:28:58 +00:00
bender	92f3beeef5	Update theme fonts	2026-03-13 10:28:19 +00:00
bender	fbdc5fa3c8	Update theme fonts	2026-03-13 10:28:19 +00:00
bender	3f5b6f8557	Update src/app/page.tsx	2026-03-13 10:21:39 +00:00
bender	1c64a65bea	Merge version_3 into main Merge version_3 into main	2026-03-13 10:18:39 +00:00
bender	9661b562c1	Update src/app/contact/page.tsx	2026-03-13 10:18:35 +00:00
bender	9089d25ce7	Merge version_3 into main Merge version_3 into main	2026-03-13 10:13:00 +00:00
bender	a810e1b2ba	Update src/app/page.tsx	2026-03-13 10:12:56 +00:00
bender	4c32e3a4d4	Merge version_2 into main Merge version_2 into main	2026-03-13 10:10:50 +00:00
bender	98b0af5e97	Update src/app/page.tsx	2026-03-13 10:10:46 +00:00
bender	56392745c7	Merge version_2 into main Merge version_2 into main	2026-03-13 10:04:36 +00:00
bender	80c5820e6e	Update src/app/page.tsx	2026-03-13 10:04:32 +00:00
bender	c5fabb1a77	Update src/app/contact/page.tsx	2026-03-13 10:04:32 +00:00
bender	35b7b40a36	Switch to version 2: modified src/app/page.tsx	2026-03-13 10:03:26 +00:00
bender	c0f8c48777	Switch to version 2: added src/app/contact/page.tsx	2026-03-13 10:03:25 +00:00
bender	e60bd08c56	Switch to version 1: remove src/app/contact/page.tsx	2026-03-13 10:03:17 +00:00
bender	1ee751cd87	Switch to version 1: modified src/app/page.tsx	2026-03-13 10:03:16 +00:00
bender	ad5621fced	Merge version_2 into main Merge version_2 into main	2026-03-13 09:53:01 +00:00
bender	9b238fdad1	Update src/app/page.tsx	2026-03-13 09:52:57 +00:00
bender	17c58a3e3d	Update src/app/contact/page.tsx	2026-03-13 09:52:57 +00:00
bender	e1dd38ff69	Merge version_2 into main Merge version_2 into main	2026-03-13 09:52:36 +00:00
bender	92f6dd300a	Update src/app/page.tsx	2026-03-13 09:52:32 +00:00
bender	03c95868c6	Add src/app/contact/page.tsx	2026-03-13 09:52:32 +00:00
bender	7900d89be4	Merge version_1 into main Merge version_1 into main	2026-03-13 09:51:18 +00:00
bender	bf5321e031	Merge version_1 into main Merge version_1 into main	2026-03-13 09:49:52 +00:00
bender	80546d57b4	Merge version_1 into main Merge version_1 into main	2026-03-13 09:49:16 +00:00
bender	d96b851250	Merge version_1 into main Merge version_1 into main	2026-03-13 09:47:38 +00:00
bender	d830828e3a	Merge version_1 into main Merge version_1 into main	2026-03-13 09:46:09 +00:00
bender	9e572d135f	Merge version_1 into main Merge version_1 into main	2026-03-13 09:45:03 +00:00
bender	7ce39d5b69	Merge version_1 into main Merge version_1 into main	2026-03-13 09:43:58 +00:00
bender	e2cd2f5bb7	Merge version_1 into main Merge version_1 into main	2026-03-13 09:42:55 +00:00
bender	b86461eab9	Merge version_1 into main Merge version_1 into main	2026-03-13 09:41:53 +00:00