Remove watermark

Update src/app/page.tsx
Update src/app/contact/page.tsx
2026-03-14 15:28:09 +00:00 · 2026-03-13 11:03:01 +00:00 · 2026-03-13 11:03:01 +00:00 · 2026-03-13 11:01:24 +00:00 · 2026-03-13 11:01:20 +00:00 · 2026-03-13 10:54:08 +00:00
3 changed files with 136 additions and 117 deletions
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,68 @@
+"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";
+
+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: "portfolio" },
+            { name: "Process", id: "process" },
+            { name: "About", id: "about" },
+            { 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."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -3,7 +3,6 @@ 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";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Archivo } from "next/font/google";

@@ -27,7 +26,7 @@ export default function RootLayout({
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
        <body className={`${archivo.variable} antialiased`}>
-          <Tag />
+          
          {children}
          <script
              dangerouslySetInnerHTML={{
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,12 +5,11 @@ import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloating
 import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
 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 CardStack from "@/components/cardStack/CardStack";
 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, CheckCircle, Heart, MessageSquare, Sparkles, Target, TrendingUp, Users, Zap } from "lucide-react";

 export default function LandingPage() {
  return (
@@ -30,36 +29,36 @@ export default function LandingPage() {
        <NavbarLayoutFloatingInline
          brandName="AM Agency "
          navItems={[
-            { name: "Work", id: "features" },
+            { name: "Work", id: "portfolio" },
            { 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-1773399674566-v9gf81uj.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: "Explore Our Work", href: "#portfolio" },
+            { text: "Let's Talk", href: "/contact" }
          ]}
          buttonAnimation="slide-up"
-          tag="Award-Winning Agency"
+          tag="Highly Dedicated Agency"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
        />
@@ -72,10 +71,6 @@ export default function LandingPage() {
          tagAnimation="slide-up"
          title="We transform complex ideas into intuitive, beautiful digital solutions that drive real business results"
          useInvertedBackground={false}
-          buttons={[
-            { text: "Learn Our Story", href: "#" },
-            { text: "View Case Studies", href: "#" }
-          ]}
          buttonAnimation="slide-up"
        />
      </div>
@@ -106,26 +101,6 @@ export default function LandingPage() {
        />
      </div>

-      <div id="metrics" data-section="metrics">
-        <MetricCardOne
-          title="Our Impact by Numbers"
-          description="Results that speak for themselves. We measure success by the growth and satisfaction of our clients."
-          tag="Success Metrics"
-          tagIcon={TrendingUp}
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          metrics={[
-            { id: "1", value: "250", title: "Projects", description: "Successfully delivered across all industries", icon: Briefcase },
-            { id: "2", value: "98", title: "% Satisfaction", description: "Client satisfaction and retention rate", icon: Heart },
-            { id: "3", value: "45M", title: "Users Reached", description: "Combined reach of our digital solutions", icon: Users },
-            { id: "4", value: "15", title: "Years Active", description: "Proven expertise and industry leadership", icon: Award }
-          ]}
-        />
-      </div>
-
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Clients Say"
@@ -158,79 +133,62 @@ 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="portfolio" data-section="portfolio">
+        <CardStack
+          title="Some OF Our Work "
+          description="Explore our latest and greatest projects showcasing our creative expertise and technical excellence."
+          tag="Featured Portfolio"
+          tagIcon={Award}
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
-          features={[
-            {
-              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: "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: "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
-            }
-          ]}
-        />
+          gridVariant="uniform-all-items-equal"
+          carouselThreshold={5}
+          mode="buttons"
+        >
+          <div className="flex flex-col gap-6 p-8 rounded-2xl border border-[var(--accent)] bg-[var(--card)]">
+            <div className="w-full h-48 rounded-lg overflow-hidden">
+              <img
+                src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj7GIMAiMrDMRaDjVpBEuEoiXn/uploaded-1773396641155-y1d3vcet.png"
+                alt="Portfolio project 1"
+                className="w-full h-full object-cover"
+              />
+            </div>
+            <div>
+              <h3 className="text-xl font-semibold mb-2 text-[var(--foreground)]">E-Commerce Platform Redesign</h3>
+              <p className="text-sm text-[var(--foreground)] opacity-70">Modern e-commerce platform with enhanced user experience and conversion optimization</p>
+            </div>
+          </div>
+
+          <div className="flex flex-col gap-6 p-8 rounded-2xl border border-[var(--accent)] bg-[var(--card)]">
+            <div className="w-full h-48 rounded-lg overflow-hidden">
+              <img
+                src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj7GIMAiMrDMRaDjVpBEuEoiXn/a-modern-tech-startup-office-environment-1773394806081-eae1d05c.png"
+                alt="Portfolio project 2"
+                className="w-full h-full object-cover"
+              />
+            </div>
+            <div>
+              <h3 className="text-xl font-semibold mb-2 text-[var(--foreground)]">SaaS Dashboard Design</h3>
+              <p className="text-sm text-[var(--foreground)] opacity-70">Intuitive analytics dashboard for enterprise clients with real-time data visualization</p>
+            </div>
+          </div>
+
+          <div className="flex flex-col gap-6 p-8 rounded-2xl border border-[var(--accent)] bg-[var(--card)]">
+            <div className="w-full h-48 rounded-lg overflow-hidden">
+              <img
+                src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj7GIMAiMrDMRaDjVpBEuEoiXn/a-creative-design-studio-showing-marcus--1773394807427-2a779d06.png"
+                alt="Portfolio project 3"
+                className="w-full h-full object-cover"
+              />
+            </div>
+            <div>
+              <h3 className="text-xl font-semibold mb-2 text-[var(--foreground)]">Brand Identity System</h3>
+              <p className="text-sm text-[var(--foreground)] opacity-70">Comprehensive brand identity with design system and digital guidelines</p>
+            </div>
+          </div>
+        </CardStack>
      </div>

      <div id="contact" data-section="contact">
@@ -240,22 +198,16 @@ export default function LandingPage() {
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          buttons={[
-            { text: "Start a Project", href: "#" },
-            { text: "Schedule a Call", href: "#" }
+            { text: "Get Your Free Consultation", href: "/contact" },
+            { text: "Schedule a Call", href: "/contact" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
-          logoText="Creative Studio"
+          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>
Author	SHA1	Message	Date
bender	959b218e84	Remove watermark	2026-03-14 15:28:09 +00:00
bender	3f1a7b88db	Update src/app/page.tsx	2026-03-13 11:03:01 +00:00
bender	e90cb05d07	Update src/app/contact/page.tsx	2026-03-13 11:03:01 +00:00
bender	0f92ab333e	Merge version_8 into main Merge version_8 into main	2026-03-13 11:01:24 +00:00
bender	24fa9e65a6	Update src/app/page.tsx	2026-03-13 11:01:20 +00:00
bender	bd6ac19dfe	Merge version_7 into main Merge version_7 into main	2026-03-13 10:54:08 +00:00
bender	1182c4d853	Update src/app/page.tsx	2026-03-13 10:54:04 +00:00
bender	288f090855	Merge version_7 into main Merge version_7 into main	2026-03-13 10:49:16 +00:00
bender	cda660046c	Update src/app/page.tsx	2026-03-13 10:49:12 +00:00
bender	14a24a0a6b	Update src/app/contact/page.tsx	2026-03-13 10:49:11 +00:00
bender	820fd5a03a	Merge version_6 into main Merge version_6 into main	2026-03-13 10:34:42 +00:00
bender	b9f6742d52	Update src/app/page.tsx	2026-03-13 10:34:38 +00:00
bender	156d0eb027	Merge version_5 into main Merge version_5 into main	2026-03-13 10:32:18 +00:00
bender	dd120ae211	Update src/app/page.tsx	2026-03-13 10:32:14 +00:00
bender	4c620d7419	Switch to version 3: modified src/app/styles/base.css	2026-03-13 10:29:22 +00:00
bender	dd24538ad1	Switch to version 3: modified src/app/page.tsx	2026-03-13 10:29:21 +00:00
bender	54abaed049	Switch to version 3: modified src/app/layout.tsx	2026-03-13 10:29:21 +00:00
bender	b608e34838	Merge version_4 into main Merge version_4 into main	2026-03-13 10:29:02 +00:00
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	2b92ddfd4b	Merge version_4 into main Merge version_4 into main	2026-03-13 10:28:23 +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	2029a7d909	Switch to version 4: modified src/app/page.tsx	2026-03-13 10:25:18 +00:00
bender	c5deb87289	Switch to version 3: modified src/app/page.tsx	2026-03-13 10:24:42 +00:00
bender	cbb7b71161	Merge version_4 into main Merge version_4 into main	2026-03-13 10:21:43 +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