diff --git a/src/app/services/events-signage/page.tsx b/src/app/services/events-signage/page.tsx index fe7c467..f71805b 100644 --- a/src/app/services/events-signage/page.tsx +++ b/src/app/services/events-signage/page.tsx @@ -2,13 +2,11 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen"; -import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery"; import SplitAbout from "@/components/sections/about/SplitAbout"; -import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow"; import ContactText from "@/components/sections/contact/ContactText"; import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis"; import Link from "next/link"; -import { Sparkles, Lightbulb, Star, Zap, CheckCircle } from "lucide-react"; +import { Star, Zap, CheckCircle } from "lucide-react"; export default function EventsSignagePage() { const navItems = [ @@ -69,7 +67,7 @@ export default function EventsSignagePage() { borderRadius="soft" contentWidth="smallMedium" sizing="mediumLargeSizeLargeTitles" - background="fluid" + background="circleGradient" cardStyle="outline" primaryButtonStyle="shadow" secondaryButtonStyle="solid" @@ -81,116 +79,58 @@ export default function EventsSignagePage() { brandName="TLC LIVE" bottomLeftText="Auckland, New Zealand" bottomRightText="hello@tlclive.co.nz" - topBarClassName="" /> -
- +
-
- -
- @@ -198,23 +138,20 @@ export default function EventsSignagePage() {
); -} \ No newline at end of file +} diff --git a/src/app/services/incentive-programmes/page.tsx b/src/app/services/incentive-programmes/page.tsx index e777a51..4a3dd24 100644 --- a/src/app/services/incentive-programmes/page.tsx +++ b/src/app/services/incentive-programmes/page.tsx @@ -1,15 +1,65 @@ "use client"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; -import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; -import SplitAbout from '@/components/sections/about/SplitAbout'; -import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow'; -import ContactText from '@/components/sections/contact/ContactText'; -import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'; -import Link from 'next/link'; -import { Zap, TrendingUp, Award, Users, Target, BarChart3 } from 'lucide-react'; +import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen"; +import SplitAbout from "@/components/sections/about/SplitAbout"; +import ContactText from "@/components/sections/contact/ContactText"; +import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis"; +import Link from "next/link"; +import { Star, Zap, CheckCircle } from "lucide-react"; export default function IncentiveProgrammesPage() { + const navItems = [ + { name: "Home", id: "/" }, + { name: "About", id: "/about" }, + { name: "Services", id: "/services" }, + { name: "Our Work", id: "/our-work" }, + { name: "Contact", id: "/contact" }, + ]; + + const footerColumns = [ + { + items: [ + { label: "Branded Merchandise", href: "/services/branded-merchandise" }, + { label: "Uniforms & Apparel", href: "/services/uniforms-apparel" }, + { label: "Corporate Gifts", href: "/services/corporate-gifts" }, + { label: "Events & Signage", href: "/services/events-signage" }, + ], + }, + { + items: [ + { label: "Sales Promotions", href: "/services/sales-promotions" }, + { label: "Custom E-Stores", href: "/services/custom-estore" }, + { label: "Incentive Programmes", href: "/services/incentive-programmes" }, + { label: "Product Catalogue", href: "/product-catalogue" }, + ], + }, + { + items: [ + { label: "Our Work", href: "/our-work" }, + { label: "Industries", href: "/industries" }, + { label: "Insights", href: "/insights" }, + { label: "About", href: "/about" }, + ], + }, + { + items: [ + { label: "Contact", href: "/contact" }, + { label: "Client Login", href: "/client-login" }, + { label: "Privacy Policy", href: "/privacy" }, + { label: "Terms of Use", href: "/terms" }, + ], + }, + { + items: [ + { label: "hello@tlclive.co.nz", href: "mailto:hello@tlclive.co.nz" }, + { label: "+64 9 XXX XXXX", href: "tel:+6493000000" }, + { label: "Auckland, New Zealand", href: "/contact" }, + { label: "Cookie Policy", href: "/cookies" }, + ], + }, + ]; + return ( - {/* Navbar */} - {/* Incentive Programmes Overview */} -
+
-
- - {/* Programme Types */} -
-
- {/* CTA Section */} -
+
- {/* Footer */} ); -} \ No newline at end of file +} diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx index b02abc6..15dab8e 100644 --- a/src/app/services/page.tsx +++ b/src/app/services/page.tsx @@ -1,18 +1,13 @@ "use client"; -import Link from "next/link"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen"; -import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery"; -import SocialProofOne from "@/components/sections/socialProof/SocialProofOne"; import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow"; import SplitAbout from "@/components/sections/about/SplitAbout"; -import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo"; -import BlogCardTwo from "@/components/sections/blog/BlogCardTwo"; -import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix"; import ContactText from "@/components/sections/contact/ContactText"; import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis"; -import { Sparkles, CheckCircle, Award, Compass, MessageCircle, Package, Shirt, Gift, Zap, TrendingUp, Store, Lightbulb, Star, HandshakeIcon } from "lucide-react"; +import Link from "next/link"; +import { Star, Zap, CheckCircle, Package, Shirt, Gift } from "lucide-react"; export default function ServicesPage() { const navItems = [ @@ -73,7 +68,7 @@ export default function ServicesPage() { borderRadius="soft" contentWidth="smallMedium" sizing="mediumLargeSizeLargeTitles" - background="fluid" + background="circleGradient" cardStyle="outline" primaryButtonStyle="shadow" secondaryButtonStyle="solid" @@ -88,348 +83,76 @@ export default function ServicesPage() { />
-
- -
- -
- -
- -
+
-
+
-
- -
- -
- -
- -
- -
-
); -} \ No newline at end of file +} diff --git a/src/app/services/sales-promotions/page.tsx b/src/app/services/sales-promotions/page.tsx index b0aace5..4f8a759 100644 --- a/src/app/services/sales-promotions/page.tsx +++ b/src/app/services/sales-promotions/page.tsx @@ -2,13 +2,11 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen"; -import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery"; import SplitAbout from "@/components/sections/about/SplitAbout"; -import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow"; import ContactText from "@/components/sections/contact/ContactText"; import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis"; import Link from "next/link"; -import { Sparkles, Lightbulb, Star, Zap, CheckCircle, TrendingUp } from "lucide-react"; +import { Star, Zap, CheckCircle } from "lucide-react"; export default function SalesPromotionsPage() { const navItems = [ @@ -69,7 +67,7 @@ export default function SalesPromotionsPage() { borderRadius="soft" contentWidth="smallMedium" sizing="mediumLargeSizeLargeTitles" - background="fluid" + background="circleGradient" cardStyle="outline" primaryButtonStyle="shadow" secondaryButtonStyle="solid" @@ -81,116 +79,58 @@ export default function SalesPromotionsPage() { brandName="TLC LIVE" bottomLeftText="Auckland, New Zealand" bottomRightText="hello@tlclive.co.nz" - topBarClassName="" />
-
- +
-
- -
- @@ -198,23 +138,20 @@ export default function SalesPromotionsPage() {
); -} \ No newline at end of file +} diff --git a/src/app/services/uniforms-apparel/page.tsx b/src/app/services/uniforms-apparel/page.tsx index 92f7e58..95deda9 100644 --- a/src/app/services/uniforms-apparel/page.tsx +++ b/src/app/services/uniforms-apparel/page.tsx @@ -3,13 +3,63 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen"; import SplitAbout from "@/components/sections/about/SplitAbout"; -import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow"; -import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix"; +import ContactText from "@/components/sections/contact/ContactText"; import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis"; -import { Lightbulb, Star, Zap, CheckCircle, Shirt, Package, Truck, Palette } from "lucide-react"; import Link from "next/link"; +import { Star, Zap, CheckCircle } from "lucide-react"; + +export default function UniformsApparelPage() { + const navItems = [ + { name: "Home", id: "/" }, + { name: "About", id: "/about" }, + { name: "Services", id: "/services" }, + { name: "Our Work", id: "/our-work" }, + { name: "Contact", id: "/contact" }, + ]; + + const footerColumns = [ + { + items: [ + { label: "Branded Merchandise", href: "/services/branded-merchandise" }, + { label: "Uniforms & Apparel", href: "/services/uniforms-apparel" }, + { label: "Corporate Gifts", href: "/services/corporate-gifts" }, + { label: "Events & Signage", href: "/services/events-signage" }, + ], + }, + { + items: [ + { label: "Sales Promotions", href: "/services/sales-promotions" }, + { label: "Custom E-Stores", href: "/services/custom-estore" }, + { label: "Incentive Programmes", href: "/services/incentive-programmes" }, + { label: "Product Catalogue", href: "/product-catalogue" }, + ], + }, + { + items: [ + { label: "Our Work", href: "/our-work" }, + { label: "Industries", href: "/industries" }, + { label: "Insights", href: "/insights" }, + { label: "About", href: "/about" }, + ], + }, + { + items: [ + { label: "Contact", href: "/contact" }, + { label: "Client Login", href: "/client-login" }, + { label: "Privacy Policy", href: "/privacy" }, + { label: "Terms of Use", href: "/terms" }, + ], + }, + { + items: [ + { label: "hello@tlclive.co.nz", href: "mailto:hello@tlclive.co.nz" }, + { label: "+64 9 XXX XXXX", href: "tel:+6493000000" }, + { label: "Auckland, New Zealand", href: "/contact" }, + { label: "Cookie Policy", href: "/cookies" }, + ], + }, + ]; -export default function UniformsApparel() { return ( -
+
+
+ +
+ -
- -
-
-
- -
- -
-
-
-

- Ready to Uniform Your Team? -

-

- Let's discuss your sizing, style, branding, and timeline. Our team will guide you through every step. -

-
- - Start Your Brief - - - Back to Services - -
-
-
-
- ); -} \ No newline at end of file +} diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..9d15f93 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,45 @@ -"use client"; +import { SVGProps } from 'react'; -import { memo } from "react"; -import useSvgTextLogo from "./useSvgTextLogo"; -import { cls } from "@/lib/utils"; +type DominantBaseline = 'auto' | 'baseline' | 'before-edge' | 'hanging' | 'ideographic' | 'alphabetic' | 'central' | 'mathematical' | 'use-script' | 'no-change' | 'reset-size' | 'inherit'; -interface SvgTextLogoProps { - logoText: string; - adjustHeightFactor?: number; - verticalAlign?: "top" | "center"; - className?: string; +interface SvgTextLogoProps extends SVGProps { + text?: string; + fontSize?: number; + fontWeight?: number | string; + fill?: string; + fontFamily?: string; + dominantBaseline?: DominantBaseline; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +export default function SvgTextLogo({ + text = 'Logo', + fontSize = 32, + fontWeight = 'bold', + fill = 'currentColor', + fontFamily = 'system-ui, -apple-system, sans-serif', + dominantBaseline = 'middle', + ...props +}: SvgTextLogoProps) { return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +}