Add src/app/client/welcome/page.tsx

2026-05-26 12:26:14 +00:00
parent 59af01544b
commit fae94d90e2
1 changed files with 116 additions and 0 deletions
--- a/src/app/client/welcome/page.tsx
+++ b/src/app/client/welcome/page.tsx
@@ -0,0 +1,116 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import HeroLogo from '@/components/sections/hero/HeroLogo';
+import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { Layout, Palette, Globe, Search, Package } from "lucide-react";
+
+export default function ClientWelcomePage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="mediumLarge"
+        sizing="largeSmallSizeMediumTitles"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/services" },
+              { name: "Packages", id: "/packages" },
+              { name: "Contact", id: "/contact" },
+              { name: "Client Area", id: "/client/welcome" },
+            ]}
+            brandName="eXpand AD"
+            button={{ text: "Get a Quote", href: "/contact" }}
+          />
+        </div>
+
+        <div id="welcome-hero" data-section="welcome-hero">
+          <HeroLogo
+            logoText="Welcome, Valued Client!"
+            description="Manage your services, track progress, and easily request new projects. Your digital success journey continues here."
+            buttons={[
+              { text: "Request New Service", href: "#quick-actions" },
+              { text: "View My Packages", href: "/packages" }
+            ]}
+            buttonAnimation="opacity"
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EGGCvVCm4u8utjw85nJMComrpQ/uploaded-1779798279956-g5hmrms3.png"
+            imageAlt="Abstract digital network illustration"
+            showDimOverlay={true}
+          />
+        </div>
+
+        <div id="quick-actions" data-section="quick-actions">
+          <FeatureCardTwentySix
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "Branding Service Request",                description: "Initiate a new branding project or request updates to your existing brand assets.",                imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345450.jpg",                imageAlt: "Graphic design workspace with brand guideline document",                buttonIcon: Palette,
+                buttonHref: "/client/request/branding"
+              },
+              {
+                title: "Website Service Request",                description: "Submit a request for a new website design, development, or updates to your current site.",                imageSrc: "http://img.b2bpic.net/free-photo/digital-transformation-concept-made-with-digital-tablet_23-2149176461.jpg",                imageAlt: "Digital tablet showing website transformation",                buttonIcon: Globe,
+                buttonHref: "/client/request/website"
+              },
+              {
+                title: "SEO Service Request",                description: "Improve your search engine rankings and online visibility with a new SEO project.",                imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-graphics-blue-tones_1134-384.jpg",                imageAlt: "Digital analytics dashboard showing SEO insights",                buttonIcon: Search,
+                buttonHref: "/client/request/seo"
+              },
+              {
+                title: "View Current Packages",                description: "Review details of your subscribed packages and explore available upgrades or add-ons.",                imageSrc: "http://img.b2bpic.net/free-photo/online-marketing_53876-176744.jpg",                imageAlt: "Online marketing strategy illustration",                buttonIcon: Package,
+                buttonHref: "/packages"
+              }
+            ]}
+            title="Your Service Hub"
+            description="Quickly access common actions and manage your digital marketing needs."
+            tag="Quick Actions"
+            tagIcon={Layout}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="eXpand AD"
+            columns={[
+              {
+                title: "Company",                items: [
+                  { label: "About Us", href: "/#about" },
+                  { label: "Services", href: "/services" },
+                  { label: "Packages", href: "/packages" },
+                  { label: "Contact", href: "/contact" },
+                ],
+              },
+              {
+                title: "Resources",                items: [
+                  { label: "Client Area", href: "/client/welcome" },
+                  { label: "FAQ", href: "/contact#faq" },
+                  { label: "Blog", href: "/blog" },
+                ],
+              },
+              {
+                title: "Legal",                items: [
+                  { label: "Privacy Policy", href: "#" },
+                  { label: "Terms of Service", href: "#" },
+                ],
+              },
+            ]}
+            copyrightText="© 2024 eXpand AD. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}