@codeswayam/ui 1.0.0 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +323 -597
- package/dist/components/layout/GlobalFooter.d.ts.map +1 -1
- package/dist/components/layout/GlobalFooter.js +24 -43
- package/dist/components/layout/GlobalNavbar.d.ts.map +1 -1
- package/dist/components/layout/GlobalNavbar.js +2 -39
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +4 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GlobalFooter.d.ts","sourceRoot":"","sources":["../../../src/components/layout/GlobalFooter.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"GlobalFooter.d.ts","sourceRoot":"","sources":["../../../src/components/layout/GlobalFooter.tsx"],"names":[],"mappings":"AAMA,wBAAgB,YAAY,4CA8F3B"}
|
|
@@ -1,47 +1,28 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
3
|
import Link from 'next/link';
|
|
4
|
+
import { Zap, Twitter, Github, Linkedin, ArrowRight } from 'lucide-react';
|
|
3
5
|
export function GlobalFooter() {
|
|
4
|
-
return (_jsxs("footer", { className: "
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
background: 'linear-gradient(135deg, hsl(258 90% 65%), hsl(280 85% 72%))',
|
|
27
|
-
backgroundClip: 'text',
|
|
28
|
-
WebkitBackgroundClip: 'text',
|
|
29
|
-
color: 'transparent',
|
|
30
|
-
}, children: "View All 20+ \u2192" })] })] }), _jsxs("div", { children: [_jsx("h4", { className: "text-sm font-bold text-white mb-5 tracking-wide", children: "Services" }), _jsx("nav", { className: "flex flex-col gap-3", children: [
|
|
31
|
-
{ label: 'Consulting', href: '/services' },
|
|
32
|
-
{ label: 'Custom Dev', href: '/services' },
|
|
33
|
-
{ label: 'Case Studies', href: '/case-studies' },
|
|
34
|
-
{ label: 'Resources', href: '/blog' },
|
|
35
|
-
].map(item => (_jsx(Link, { href: item.href, className: "text-sm text-white/45 hover:text-white transition-colors font-medium", children: item.label }, item.label))) })] }), _jsxs("div", { children: [_jsx("h4", { className: "text-sm font-bold text-white mb-5 tracking-wide", children: "Company" }), _jsx("nav", { className: "flex flex-col gap-3", children: [
|
|
36
|
-
{ label: 'About', href: '/about' },
|
|
37
|
-
{ label: 'Team', href: '/team' },
|
|
38
|
-
{ label: 'Blog', href: '/blog' },
|
|
39
|
-
{ label: 'Contact', href: '/contact-us' },
|
|
40
|
-
{ label: 'Pricing', href: '/pricing' },
|
|
41
|
-
].map(item => (_jsx(Link, { href: item.href, className: "text-sm text-white/45 hover:text-white transition-colors font-medium", children: item.label }, item.label))) })] })] }), _jsx("div", { className: "gradient-divider mb-8 opacity-30" }), _jsxs("div", { className: "flex flex-col md:flex-row items-center justify-between gap-4", children: [_jsxs("p", { className: "text-sm text-white/30", children: ["\u00A9 ", new Date().getFullYear(), " Code Swayam Inc. All rights reserved."] }), _jsx("div", { className: "flex gap-6 flex-wrap justify-center", children: [
|
|
42
|
-
{ label: 'Privacy', href: '/privacy-policy' },
|
|
43
|
-
{ label: 'Terms', href: '/terms-and-conditions' },
|
|
44
|
-
{ label: 'Refunds', href: '/refund-policy' },
|
|
45
|
-
{ label: 'Delivery', href: '/delivery-policy' },
|
|
46
|
-
].map(item => (_jsx(Link, { href: item.href, className: "text-sm text-white/30 hover:text-white/70 transition-colors font-medium", children: item.label }, item.label))) })] })] })] }));
|
|
6
|
+
return (_jsxs("footer", { className: "bg-[#050505] border-t border-white/5 pt-32 pb-16 relative overflow-hidden", children: [_jsx("div", { className: "absolute inset-0 opacity-[0.02] pointer-events-none bg-[url('https://www.transparenttextures.com/patterns/carbon-fibre.png')]" }), _jsxs("div", { className: "max-w-[1400px] mx-auto px-6 md:px-10 relative z-10", children: [_jsxs("div", { className: "grid lg:grid-cols-2 gap-20 mb-32 items-start", children: [_jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-3 mb-10 group", children: [_jsx("div", { className: "w-8 h-8 bg-primary rounded-lg flex items-center justify-center shadow-[0_0_20px_rgba(173,255,0,0.3)]", children: _jsx(Zap, { size: 18, className: "text-black fill-current" }) }), _jsx("span", { className: "text-3xl font-black tracking-tighter uppercase text-white", children: "AuraFlow" })] }), _jsx("p", { className: "text-xl text-white/40 max-w-md font-medium leading-relaxed mb-12", children: "High-heat cloud infrastructure for the modern age. Engineered for performance, designed for excellence." }), _jsx("div", { className: "flex gap-8", children: [
|
|
7
|
+
{ icon: _jsx(Twitter, { size: 18 }), href: '#' },
|
|
8
|
+
{ icon: _jsx(Github, { size: 18 }), href: '#' },
|
|
9
|
+
{ icon: _jsx(Linkedin, { size: 18 }), href: '#' }
|
|
10
|
+
].map((social, i) => (_jsx(Link, { href: social.href, className: "text-white/20 hover:text-primary transition-colors", children: social.icon }, i))) })] }), _jsxs("div", { className: "bg-white/5 border border-white/10 p-12 rounded-[2.5rem] backdrop-blur-3xl", children: [_jsx("div", { className: "text-[10px] font-bold uppercase tracking-[0.4em] text-primary mb-6", children: "Stay Connected" }), _jsx("h3", { className: "text-3xl font-black tracking-tighter uppercase mb-8", children: "Join the infrastructure update." }), _jsxs("div", { className: "flex gap-4", children: [_jsx("input", { type: "email", placeholder: "ENTER EMAIL PROTOCOL", className: "flex-1 bg-black/50 border border-white/10 rounded-xl px-6 py-4 text-xs font-mono tracking-widest text-white outline-none focus:border-primary/50 transition-all placeholder:text-white/20" }), _jsx("button", { className: "w-14 h-14 bg-primary text-black flex items-center justify-center rounded-xl hover:scale-105 transition-all shadow-[0_0_20px_rgba(173,255,0,0.2)]", children: _jsx(ArrowRight, { size: 20 }) })] })] })] }), _jsx("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-12 mb-32", children: [
|
|
11
|
+
{
|
|
12
|
+
title: 'Network',
|
|
13
|
+
links: ['Infrastructure', 'Security', 'Edge Nodes', 'Status']
|
|
14
|
+
},
|
|
15
|
+
{
|
|
16
|
+
title: 'Platform',
|
|
17
|
+
links: ['Pricing', 'API Reference', 'SDKs', 'Documentation']
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
title: 'Resources',
|
|
21
|
+
links: ['Blog', 'Case Studies', 'Research', 'Community']
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
title: 'Legal',
|
|
25
|
+
links: ['Privacy Protocol', 'Service Terms', 'Refund Policy', 'Security Policy']
|
|
26
|
+
}
|
|
27
|
+
].map((group) => (_jsxs("div", { children: [_jsx("h4", { className: "text-[10px] font-bold uppercase tracking-[0.4em] text-white mb-8", children: group.title }), _jsx("ul", { className: "space-y-4", children: group.links.map(link => (_jsx("li", { children: _jsx(Link, { href: "#", className: "text-[10px] font-black uppercase tracking-[0.2em] text-white/30 hover:text-primary transition-colors", children: link }) }, link))) })] }, group.title))) }), _jsxs("div", { className: "pt-12 border-t border-white/5 flex flex-col md:flex-row justify-between items-center gap-8 text-[9px] font-black uppercase tracking-[0.3em] text-white/20", children: [_jsx("span", { children: "\u00A9 2026 AuraFlow Infrastructure. All Protocols Initialized." }), _jsxs("div", { className: "flex gap-12", children: [_jsx("span", { children: "Built by Code Swayam" }), _jsx("span", { children: "London / San Francisco" })] })] })] })] }));
|
|
47
28
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GlobalNavbar.d.ts","sourceRoot":"","sources":["../../../src/components/layout/GlobalNavbar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"GlobalNavbar.d.ts","sourceRoot":"","sources":["../../../src/components/layout/GlobalNavbar.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,YAAY,mDAmE3B"}
|
|
@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import { useState, useEffect } from 'react';
|
|
4
4
|
import Link from 'next/link';
|
|
5
5
|
import { usePathname } from 'next/navigation';
|
|
6
|
-
import {
|
|
6
|
+
import { Zap, Menu, X } from 'lucide-react';
|
|
7
7
|
function getAuthUrl(path) {
|
|
8
8
|
if (typeof window !== 'undefined') {
|
|
9
9
|
const isLocal = window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1';
|
|
@@ -12,20 +12,6 @@ function getAuthUrl(path) {
|
|
|
12
12
|
}
|
|
13
13
|
return `https://auth.codeswayam.com${path}`;
|
|
14
14
|
}
|
|
15
|
-
const NAV_LINKS = {
|
|
16
|
-
services: [
|
|
17
|
-
{ label: 'All Services', href: '/services', icon: '⚙️' },
|
|
18
|
-
{ label: 'Custom SaaS Dev', href: '/services', icon: '🚀' },
|
|
19
|
-
{ label: 'IT Consulting', href: '/services', icon: '💡' },
|
|
20
|
-
{ label: 'Case Studies', href: '/case-studies', icon: '📊' },
|
|
21
|
-
],
|
|
22
|
-
products: [
|
|
23
|
-
{ label: 'All Products', href: '/products', icon: '🗂️' },
|
|
24
|
-
{ label: 'Auraflow AI', href: '/products', icon: '✨' },
|
|
25
|
-
{ label: 'ChatLift', href: '/products', icon: '💬' },
|
|
26
|
-
{ label: 'MailTracker', href: '/products', icon: '📧' },
|
|
27
|
-
],
|
|
28
|
-
};
|
|
29
15
|
export function GlobalNavbar() {
|
|
30
16
|
const [scrolled, setScrolled] = useState(false);
|
|
31
17
|
const [menuOpen, setMenuOpen] = useState(false);
|
|
@@ -35,31 +21,8 @@ export function GlobalNavbar() {
|
|
|
35
21
|
window.addEventListener('scroll', handleScroll, { passive: true });
|
|
36
22
|
return () => window.removeEventListener('scroll', handleScroll);
|
|
37
23
|
}, []);
|
|
38
|
-
useEffect(() => { setMenuOpen(false); }, [pathname]);
|
|
39
24
|
const isAppRoute = pathname && (pathname.startsWith('/app') || pathname.startsWith('/dashboard'));
|
|
40
25
|
if (isAppRoute)
|
|
41
26
|
return null;
|
|
42
|
-
return (_jsxs("nav", { className: `w-full fixed top-0 z-50 transition-all duration-
|
|
43
|
-
backgroundColor: scrolled ? 'rgba(255,255,255,0.88)' : 'transparent',
|
|
44
|
-
backdropFilter: scrolled ? 'blur(20px) saturate(180%)' : 'none',
|
|
45
|
-
WebkitBackdropFilter: scrolled ? 'blur(20px) saturate(180%)' : 'none',
|
|
46
|
-
borderBottom: scrolled ? '1px solid hsl(var(--border))' : '1px solid transparent',
|
|
47
|
-
boxShadow: scrolled ? '0 1px 32px rgba(0,0,0,0.06)' : 'none',
|
|
48
|
-
}, children: [_jsxs("div", { className: "max-w-7xl mx-auto px-5 md:px-8 flex items-center justify-between", children: [_jsxs(Link, { href: "/", className: "flex items-center gap-2.5 group z-50", children: [_jsxs("div", { className: "w-9 h-9 rounded-xl flex items-center justify-center relative overflow-hidden shadow-md", style: { background: 'linear-gradient(135deg, hsl(258 90% 58%), hsl(280 85% 65%))' }, children: [_jsx("span", { className: "font-black text-xs tracking-wider text-white z-10", children: "CS" }), _jsx("div", { className: "absolute inset-0 bg-white/20 opacity-0 group-hover:opacity-100 transition-opacity duration-300" })] }), _jsxs("div", { className: "text-xl font-black tracking-tight", style: { fontFamily: "'Plus Jakarta Sans', sans-serif" }, children: [_jsx("span", { className: "text-foreground", children: "Code" }), _jsx("span", { style: {
|
|
49
|
-
background: 'linear-gradient(135deg, hsl(258 90% 58%), hsl(280 85% 68%))',
|
|
50
|
-
backgroundClip: 'text',
|
|
51
|
-
WebkitBackgroundClip: 'text',
|
|
52
|
-
color: 'transparent',
|
|
53
|
-
}, children: "Swayam" })] })] }), _jsxs("div", { className: "hidden md:flex items-center gap-1 text-sm font-semibold text-muted-foreground", children: [_jsxs("div", { className: "relative group", children: [_jsxs("button", { className: "px-4 py-2 rounded-lg hover:text-foreground hover:bg-primary/5\n transition-all duration-200 flex items-center gap-1.5 focus:outline-none", children: ["Services", _jsx(ChevronDown, { className: "w-3.5 h-3.5 transition-transform duration-200 group-hover:rotate-180" })] }), _jsx("div", { className: "absolute left-0 mt-2 w-56 opacity-0 invisible\n group-hover:opacity-100 group-hover:visible\n transition-all duration-200 translate-y-2 group-hover:translate-y-0 pt-1", children: _jsx("div", { className: "glass rounded-2xl shadow-xl border border-white/50 overflow-hidden p-1.5", children: NAV_LINKS.services.map(item => (_jsxs(Link, { href: item.href, className: "flex items-center gap-3 px-3 py-2.5 rounded-xl\n hover:bg-primary/8 hover:text-primary transition-all duration-200\n text-sm text-muted-foreground font-medium group/item", children: [_jsx("span", { className: "text-base group-hover/item:scale-110 transition-transform", children: item.icon }), item.label] }, item.label))) }) })] }), _jsxs("div", { className: "relative group", children: [_jsxs("button", { className: "px-4 py-2 rounded-lg hover:text-foreground hover:bg-primary/5\n transition-all duration-200 flex items-center gap-1.5 focus:outline-none", children: ["Products", _jsx(ChevronDown, { className: "w-3.5 h-3.5 transition-transform duration-200 group-hover:rotate-180" })] }), _jsx("div", { className: "absolute left-0 mt-2 w-56 opacity-0 invisible\n group-hover:opacity-100 group-hover:visible\n transition-all duration-200 translate-y-2 group-hover:translate-y-0 pt-1", children: _jsx("div", { className: "glass rounded-2xl shadow-xl border border-white/50 overflow-hidden p-1.5", children: NAV_LINKS.products.map(item => (_jsxs(Link, { href: item.href, className: "flex items-center gap-3 px-3 py-2.5 rounded-xl\n hover:bg-primary/8 hover:text-primary transition-all duration-200\n text-sm text-muted-foreground font-medium group/item", children: [_jsx("span", { className: "text-base group-hover/item:scale-110 transition-transform", children: item.icon }), item.label] }, item.label))) }) })] }), _jsx(Link, { href: "/pricing", className: "px-4 py-2 rounded-lg hover:text-foreground hover:bg-primary/5 transition-all duration-200", children: "Pricing" }), _jsx(Link, { href: "/blog", className: "px-4 py-2 rounded-lg hover:text-foreground hover:bg-primary/5 transition-all duration-200", children: "Blog" }), _jsx(Link, { href: "/about", className: "px-4 py-2 rounded-lg hover:text-foreground hover:bg-primary/5 transition-all duration-200", children: "About" })] }), _jsxs("div", { className: "hidden md:flex items-center gap-3 flex-shrink-0", children: [_jsx(Link, { href: getAuthUrl('/login'), className: "text-sm font-semibold text-muted-foreground hover:text-foreground transition-colors px-3 py-2", children: "Sign in" }), _jsx(Link, { href: getAuthUrl('/signup'), className: "btn-primary px-5 py-2.5 rounded-xl text-sm text-white", children: "Get Started \u2192" })] }), _jsx("button", { onClick: () => setMenuOpen(!menuOpen), className: "md:hidden p-2.5 rounded-xl text-muted-foreground hover:bg-muted/60 transition-colors", "aria-label": "Toggle menu", children: _jsxs("div", { className: "w-5 h-4 flex flex-col justify-between relative", children: [_jsx("span", { className: `block h-[2px] w-full rounded-full bg-foreground transition-all duration-300
|
|
54
|
-
${menuOpen ? 'rotate-45 translate-y-[7px]' : ''}` }), _jsx("span", { className: `block h-[2px] w-full rounded-full bg-foreground transition-all duration-300
|
|
55
|
-
${menuOpen ? 'opacity-0 scale-x-0' : ''}` }), _jsx("span", { className: `block h-[2px] w-full rounded-full bg-foreground transition-all duration-300
|
|
56
|
-
${menuOpen ? '-rotate-45 -translate-y-[7px]' : ''}` })] }) })] }), _jsx("div", { className: `md:hidden transition-all duration-300 overflow-hidden
|
|
57
|
-
${menuOpen ? 'max-h-screen opacity-100' : 'max-h-0 opacity-0'}`, children: _jsx("div", { className: "glass border-t border-white/30 mx-3 my-2 rounded-2xl shadow-xl overflow-hidden", children: _jsxs("div", { className: "px-4 py-5 flex flex-col gap-1", children: [[
|
|
58
|
-
{ label: 'Services', href: '/services', icon: '⚙️' },
|
|
59
|
-
{ label: 'Products', href: '/products', icon: '🗂️' },
|
|
60
|
-
{ label: 'Pricing', href: '/pricing', icon: '💳' },
|
|
61
|
-
{ label: 'Blog', href: '/blog', icon: '✍️' },
|
|
62
|
-
{ label: 'About', href: '/about', icon: '👋' },
|
|
63
|
-
{ label: 'Case Studies', href: '/case-studies', icon: '📊' },
|
|
64
|
-
].map(item => (_jsxs(Link, { href: item.href, onClick: () => setMenuOpen(false), className: "flex items-center gap-3 px-4 py-3 text-muted-foreground\n hover:text-primary hover:bg-primary/5 rounded-xl font-semibold transition-all", children: [_jsx("span", { className: "text-base", children: item.icon }), item.label] }, item.label))), _jsxs("div", { className: "mt-3 pt-4 border-t border-border flex flex-col gap-2.5", children: [_jsx(Link, { href: getAuthUrl('/login'), onClick: () => setMenuOpen(false), className: "btn-outline px-4 py-3 rounded-xl text-center font-semibold", children: "Sign in" }), _jsx(Link, { href: getAuthUrl('/signup'), onClick: () => setMenuOpen(false), className: "btn-primary px-4 py-3 rounded-xl text-center", children: "Get Started \u2192" })] })] }) }) })] }));
|
|
27
|
+
return (_jsxs("nav", { className: `w-full fixed top-0 z-50 transition-all duration-500 ${scrolled ? 'py-4 bg-[#050505]/80 backdrop-blur-3xl border-b border-white/5' : 'py-8 bg-transparent'}`, children: [_jsxs("div", { className: "max-w-[1400px] mx-auto px-6 md:px-10 flex items-center justify-between", children: [_jsxs(Link, { href: "/", className: "flex items-center gap-3 group z-50", children: [_jsx("div", { className: "w-8 h-8 bg-primary rounded-lg flex items-center justify-center shadow-[0_0_20px_rgba(173,255,0,0.3)] group-hover:scale-110 transition-transform duration-500", children: _jsx(Zap, { size: 18, className: "text-black fill-current" }) }), _jsx("span", { className: "text-xl font-black tracking-tighter uppercase text-white", children: "AuraFlow" })] }), _jsxs("div", { className: "hidden lg:flex items-center gap-10 text-[10px] font-black uppercase tracking-[0.3em] text-white/50", children: [_jsx(Link, { href: "/infrastructure", className: "hover:text-primary transition-colors", children: "Infrastructure" }), _jsx(Link, { href: "/security", className: "hover:text-primary transition-colors", children: "Security" }), _jsx(Link, { href: "/pricing", className: "hover:text-primary transition-colors", children: "Pricing" }), _jsx(Link, { href: "/blog", className: "hover:text-primary transition-colors", children: "Resources" })] }), _jsxs("div", { className: "hidden lg:flex items-center gap-8", children: [_jsx(Link, { href: getAuthUrl('/login'), className: "text-[10px] font-black uppercase tracking-[0.3em] text-white/50 hover:text-white transition-colors", children: "Sign In" }), _jsx(Link, { href: getAuthUrl('/signup'), className: "px-6 py-3 bg-primary text-black text-[10px] font-black uppercase tracking-[0.2em] rounded-lg hover:shadow-[0_0_30px_rgba(173,255,0,0.4)] hover:scale-105 transition-all", children: "Initialize" })] }), _jsx("button", { onClick: () => setMenuOpen(!menuOpen), className: "lg:hidden text-white p-2", children: menuOpen ? _jsx(X, { size: 24 }) : _jsx(Menu, { size: 24 }) })] }), _jsx("div", { className: `lg:hidden fixed inset-0 bg-[#050505] z-40 transition-all duration-700 ${menuOpen ? 'translate-y-0 opacity-100' : '-translate-y-full opacity-0'}`, children: _jsxs("div", { className: "flex flex-col items-center justify-center h-full gap-12 text-xl font-black uppercase tracking-[0.4em]", children: [_jsx(Link, { href: "/infrastructure", onClick: () => setMenuOpen(false), children: "Infrastructure" }), _jsx(Link, { href: "/security", onClick: () => setMenuOpen(false), children: "Security" }), _jsx(Link, { href: "/pricing", onClick: () => setMenuOpen(false), children: "Pricing" }), _jsx(Link, { href: getAuthUrl('/login'), className: "text-primary", children: "Sign In" }), _jsx(Link, { href: getAuthUrl('/signup'), className: "px-12 py-6 bg-primary text-black rounded-2xl", children: "Initialize" })] }) })] }));
|
|
65
28
|
}
|