Add src/app/services/page.tsx
This commit is contained in:
114
src/app/services/page.tsx
Normal file
114
src/app/services/page.tsx
Normal file
@@ -0,0 +1,114 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import TextAbout from "@/components/sections/about/TextAbout";
|
||||
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Thor Creations"
|
||||
navItems={[
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
button={{ text: "Request a Quote", href: "/quote" }}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<TextAbout
|
||||
tag="Our Services"
|
||||
title="Complete Creative Solutions for Your Business"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Request a Quote", href: "/quote" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
ariaLabel="Services Hero"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardThree
|
||||
features={[
|
||||
{
|
||||
id: "01", title: "Custom Vinyl Decals", description: "High-quality, durable vinyl decals tailored to your exact specifications. Perfect for branding, promotional materials, and personal customization. Available in various finishes including matte, gloss, and textured options.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-colleagues-office-coworking_171337-17719.jpg?_wi=1", imageAlt: "Custom vinyl decals"
|
||||
},
|
||||
{
|
||||
id: "02", title: "Vehicle Decals & Wraps", description: "Professional vehicle wraps, decals, and graphics that make your fleet stand out. Custom designs that showcase your brand on the road with stunning visual impact.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-tablet-with-digital-marketing-concept_9975-22100.jpg", imageAlt: "Vehicle decals and wraps"
|
||||
},
|
||||
{
|
||||
id: "03", title: "T-Shirts & Uniforms", description: "Custom t-shirt printing and uniform customization for teams, events, and promotional campaigns. High-quality printing that lasts through countless washes.", imageSrc: "http://img.b2bpic.net/free-photo/technology-unicorn-venture-workspace-with-pc-used-conduct-code-reviews_482257-118729.jpg", imageAlt: "Branded t-shirts and uniforms"
|
||||
},
|
||||
{
|
||||
id: "04", title: "Business Cards", description: "Professional business cards that make lasting impressions. Custom designs, premium paper stocks, and finishing options to reflect your brand's identity.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-colleagues-office-coworking_171337-17719.jpg?_wi=2", imageAlt: "Premium business cards"
|
||||
},
|
||||
{
|
||||
id: "05", title: "Mugs & Tumblers", description: "Custom drinkware perfect for corporate gifts, employee appreciation, or retail sales. Full-color printing with durable finishes that last.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-tablet-with-digital-marketing-concept_9975-22100.jpg?_wi=1", imageAlt: "Custom mugs and tumblers"
|
||||
},
|
||||
{
|
||||
id: "06", title: "Custom Packaging", description: "Branded packaging solutions that protect your products and elevate your brand. Custom boxes, labels, and wrapping materials designed to impress.", imageSrc: "http://img.b2bpic.net/free-photo/technology-unicorn-venture-workspace-with-pc-used-conduct-code-reviews_482257-118729.jpg?_wi=1", imageAlt: "Custom packaging solutions"
|
||||
},
|
||||
]}
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
title="What We Offer"
|
||||
description="Comprehensive range of custom products and services designed to elevate your brand and meet your business needs."
|
||||
tag="Services"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{ text: "Start Your Project", href: "/quote" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Ready to Get Started?"
|
||||
title="Let's Bring Your Vision to Life"
|
||||
description="Every project is unique. Tell us about your needs and let's create something amazing together."
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-female-support-phone-operator-speaking-consulting-office_176420-949.jpg"
|
||||
imageAlt="Contact Thor Creations"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Request a Quote"
|
||||
termsText="We'll review your requirements and get back to you with a quote within 24 hours."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="THOR CREATIONS"
|
||||
leftLink={{ text: "Privacy Policy", href: "/privacy" }}
|
||||
rightLink={{ text: "Terms of Service", href: "/terms" }}
|
||||
ariaLabel="Thor Creations Footer"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user