diff --git a/src/app/client/welcome/page.tsx b/src/app/client/welcome/page.tsx new file mode 100644 index 0000000..d80e0b6 --- /dev/null +++ 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 ( + + + + +
+ +
+ +
+ +
+ + + + + ); +} \ No newline at end of file diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx index 130b99e..22fc197 100644 --- a/src/app/contact/page.tsx +++ b/src/app/contact/page.tsx @@ -2,13 +2,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import ReactLenis from "lenis/react"; -import ContactCenter from '@/components/sections/contact/ContactCenter'; -import FaqSplitText from '@/components/sections/faq/FaqSplitText'; -import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; -import { Sparkles } from "lucide-react"; +import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; +import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; +import { Mail } from 'lucide-react'; -export default function LandingPage() { +export default function ContactPage() { return ( - + -
- -
+
+ console.log('Quote Request Form Data:', data)} + /> +
-
- -
- - + ); -} +} \ No newline at end of file diff --git a/src/app/handover/page.tsx b/src/app/handover/page.tsx new file mode 100644 index 0000000..636bda8 --- /dev/null +++ b/src/app/handover/page.tsx @@ -0,0 +1,106 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; +import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; +import LegalSection from '@/components/legal/LegalSection'; + +export default function HandoverPage() { + return ( + + + + +
+ +
+ + + + + ); +} \ No newline at end of file diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx index 96b93eb..d7e36cc 100644 --- a/src/app/login/page.tsx +++ b/src/app/login/page.tsx @@ -2,13 +2,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import ReactLenis from "lenis/react"; -import ContactCenter from '@/components/sections/contact/ContactCenter'; -import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; -import HeroLogo from '@/components/sections/hero/HeroLogo'; import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; -import { HelpCircle } from "lucide-react"; +import HeroLogo from '@/components/sections/hero/HeroLogo'; +import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; +import { LogIn } from 'lucide-react'; -export default function LandingPage() { +export default function LoginPage() { return ( - + -
- -
+
+ +
-
- -
- - + ); -} +} \ No newline at end of file diff --git a/src/app/packages/page.tsx b/src/app/packages/page.tsx index 368a8cc..b674c15 100644 --- a/src/app/packages/page.tsx +++ b/src/app/packages/page.tsx @@ -2,13 +2,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import ReactLenis from "lenis/react"; -import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; -import PricingCardThree from '@/components/sections/pricing/PricingCardThree'; -import ProductCardOne from '@/components/sections/product/ProductCardOne'; -import { Award, CheckCircle, ShoppingCart, Sparkles, Star } from "lucide-react"; +import PricingCardOne from '@/components/sections/pricing/PricingCardOne'; +import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; +import { CheckCircle, Package } from 'lucide-react'; -export default function LandingPage() { +export default function PackagesPage() { return ( - + -
- -
+
+ +
-
- -
- - + ); -} +} \ No newline at end of file diff --git a/src/app/page.tsx b/src/app/page.tsx index f147e11..fa6c1b1 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -41,6 +41,8 @@ export default function LandingPage() { name: "Contact", id: "/contact"}, { name: "Client Login", id: "/login"}, + { + name: "Handover", id: "/handover"}, ]} brandName="eXpand AD" button={{ @@ -223,4 +225,4 @@ export default function LandingPage() { ); -} +} \ No newline at end of file diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx index 0d3a198..34c64a8 100644 --- a/src/app/services/page.tsx +++ b/src/app/services/page.tsx @@ -1,112 +1,107 @@ "use client"; -import { ThemeProvider, ThemeProviderProps } from "@/providers/themeProvider/ThemeProvider"; +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import ReactLenis from "lenis/react"; import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; -import FeatureCardTwentySix, { FeatureCardTwentySixProps } from '@/components/sections/feature/FeatureCardTwentySix'; -import MetricCardThree from '@/components/sections/metrics/MetricCardThree'; +import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern'; import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; - -// Import all necessary LucideIcons -import { Globe, Zap, Palette, BarChart, Layers, TrendingUp, Rocket, Award } from "lucide-react"; +import { BarChart, Briefcase, Globe, Megaphone, Palette, Users } from 'lucide-react'; export default function ServicesPage() { - const navItems = [ - { name: "Home", id: "/" }, - { name: "Services", id: "/services" }, - { name: "Packages", id: "/packages" }, - { name: "Contact", id: "/contact" }, - { name: "Client Login", id: "/login" }, - ]; - - const themeProps: ThemeProviderProps = { - 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" - }; - - const pageSections = [ - { - id: "detailed-services", Component: FeatureCardTwentySix, - props: { - textboxLayout: "default", useInvertedBackground: true, - features: [ - { - title: "Social Media Management", description: "From content creation and scheduling to community engagement and analytics, we manage your social platforms for maximum impact. Includes platform-specific strategies for Facebook, Instagram, LinkedIn, and more.", imageSrc: "http://img.b2bpic.net/free-photo/social-media-communication-networking-online-concept_53876-133812.jpg", imageAlt: "Data flow and insights for social media analytics", buttonIcon: Globe, - }, - { - title: "Influencer Marketing Campaigns", description: "Connect with your target audience through authentic voices. We identify, vet, and manage collaborations with influencers who resonate with your brand values. Includes campaign strategy, execution, and ROI reporting.", imageSrc: "http://img.b2bpic.net/free-photo/webinar-innovation-web-design-technology-concept_53876-133851.jpg", imageAlt: "Diverse micro-influencers collaborating", buttonIcon: Zap, - }, - { - title: "Brand Design & Development", description: "Build a distinctive and memorable brand identity. Our services cover logo design, visual guidelines, typography, and color palettes to ensure a cohesive brand image across all touchpoints.", imageSrc: "http://img.b2bpic.net/free-photo/stationery-ice-cream-concept_23-2147803277.jpg", imageAlt: "Brand visual identity showcasing logo and color palette", buttonIcon: Palette, - }, - { - title: "SEO & Content Strategy", description: "Improve your visibility on search engines and attract organic traffic with keyword-rich content and technical SEO optimizations. Our strategies ensure your brand is found by the right audience.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-business-woman-analysis-process_23-2148411851.jpg", imageAlt: "SEO analytics and content strategy", buttonIcon: BarChart, - }, - ], - title: "Comprehensive Digital Marketing Solutions", description: "eXpand AD provides a full spectrum of services designed to enhance your online presence and achieve your business objectives.", tag: "Our Expertise", tagIcon: Layers, - } as FeatureCardTwentySixProps, - }, - { - id: "performance-insights", Component: MetricCardThree, - props: { - animationType: "slide-up", textboxLayout: "default", useInvertedBackground: false, - metrics: [ - { id: "m1", icon: BarChart, title: "Engagement Growth", value: "+35%" }, - { id: "m2", icon: TrendingUp, title: "Lead Generation", value: "+25%" }, - { id: "m3", icon: Rocket, title: "Brand Reach", value: "+60%" }, - ], - title: "Proven Performance, Guaranteed Results", description: "Our commitment to excellence translates into measurable success for every client, every campaign.", tag: "Impact", tagIcon: Award, - }, - }, - { - id: "footer", Component: FooterBaseCard, - props: { - 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 Login", href: "/login" }, - { 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." - }, - }, - ]; - return ( - + - {pageSections.map((section) => ( -
- -
- ))} +
+ +
+ + ); -} +} \ No newline at end of file diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index ee8d361..b88eb59 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #f6f0e9; - --card: #efe7dd; - --foreground: #2b180a; - --primary-cta: #2b180a; - --primary-cta-text: #f6f0e9; - --secondary-cta: #efe7dd; - --secondary-cta-text: #2b180a; - --accent: #94877c; - --background-accent: #afa094; + --background: #0a0a0a; + --card: #1a1a1a; + --foreground: #ffffff; + --primary-cta: #1f7cff; + --primary-cta-text: #ffffff; + --secondary-cta: #010101; + --secondary-cta-text: #ffffff; + --accent: #1f7cff; + --background-accent: #f96b2f; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);