bender/a2589034-bb83-479c-b3d2-344244153d71
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #4

Merged
bender merged 7 commits from version_2 into main 2026-03-05 02:15:45 +00:00
Conversation 0 Commits 7 Files Changed 7 +584 -90
7 changed files with 584 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

124
src/app/about/page.tsx Normal file
View File

@@ -0,0 +1,124 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import TextAbout from "@/components/sections/about/TextAbout";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import TeamCardSix from "@/components/sections/team/TeamCardSix";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Users } from "lucide-react";
export default function AboutPage() {
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 Story"
title="Thor Creations: Where Family Values Meet Creative Excellence"
useInvertedBackground={false}
buttons={[
{ text: "Get Started", href: "/quote" },
]}
buttonAnimation="slide-up"
ariaLabel="About Thor Creations Hero"
/>
</div>
<div id="about-content" data-section="about-content">
<MetricSplitMediaAbout
tag="Family-Owned Business"
title="Built on Passion, Quality, and Customer Success"
description="Thor Creations was founded on the principle that exceptional creative solutions should be accessible to every business, regardless of size. As a family-owned company, we bring personal attention, integrity, and dedication to every project we undertake. Our team combines years of industry experience with a genuine commitment to seeing our clients succeed."
metrics={[
{ value: "15+", title: "Years in the Industry" },
{ value: "500+", title: "Happy Clients" }
]}
imageSrc="http://img.b2bpic.net/free-photo/happy-young-colleagues-office-coworking_171337-17719.jpg"
imageAlt="Thor Creations Team"
mediaAnimation="slide-up"
useInvertedBackground={true}
ariaLabel="About Thor Creations Content"
/>
</div>
<div id="team" data-section="team">
<TeamCardSix
members={[
{
id: "1", name: "Thor Petersen", role: "Founder & Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Thor Petersen"
},
{
id: "2", name: "Elena Petersen", role: "Operations Manager", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", imageAlt: "Elena Petersen"
},
{
id: "3", name: "Marcus Johnson", role: "Lead Designer", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Marcus Johnson"
},
{
id: "4", name: "Sophia Chen", role: "Production Specialist", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=1", imageAlt: "Sophia Chen"
},
]}
gridVariant="bento-grid"
animationType="slide-up"
title="Meet Our Team"
description="Talented professionals dedicated to delivering exceptional results for every client."
textboxLayout="default"
useInvertedBackground={false}
tag="Our Team"
tagIcon={Users}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Let's Connect"
title="Ready to Work With Us?"
description="We'd love to hear about your project and discuss how Thor Creations can help bring your vision to life."
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 respect your privacy. We'll be in touch soon."
/>
</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>
);
}

77
src/app/contact/page.tsx Normal file
View File

@@ -0,0 +1,77 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import TextAbout from "@/components/sections/about/TextAbout";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
export default function ContactPage() {
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="Get In Touch"
title="We'd Love to Hear From You"
useInvertedBackground={false}
buttons={[
{ text: "Back to Home", href: "/" },
]}
buttonAnimation="slide-up"
ariaLabel="Contact Page Hero"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Contact Us"
title="Ready to Transform Your Brand?"
description="Whether you have a quick question or you're ready to start your custom project, we're here to help. Reach out to the Thor Creations team 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="Send Message"
termsText="We'll get back to you as soon as possible with information about your inquiry."
/>
</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>
);
}

42
src/app/layout.tsx
View File

@@ -1,51 +1,24 @@
import type { Metadata } from "next";
import { Montserrat } from "next/font/google";
import { Inter } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const montserrat = Montserrat({
variable: "--font-montserrat", subsets: ["latin"],
});
import "./styles/variables.css";
import "./styles/base.css";
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Thor Creations | Creative Design & Development Agency", description: "Transform your ideas into powerful digital experiences. Creative design, strategic digital solutions, and expert development for businesses.", keywords: "design agency, web development, digital strategy, creative studio, brand transformation", metadataBase: new URL("https://thorcreations.com"),
alternates: {
canonical: "https://thorcreations.com"},
openGraph: {
title: "Thor Creations | Creative Design & Development Agency", description: "Expert creative and technical solutions for digital transformation and brand excellence.", url: "https://thorcreations.com", siteName: "Thor Creations", type: "website", images: [
{
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUwrsHiRXf8t31fiLqgeFrhEAX/uploaded-1772676089221-ibtouv31.jpg", alt: "Thor Creations - Creative & Development Agency"},
],
},
twitter: {
card: "summary_large_image", title: "Thor Creations | Creative Design & Development", description: "Transform your vision with exceptional design and development solutions.", images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUwrsHiRXf8t31fiLqgeFrhEAX/uploaded-1772676089221-ibtouv31.jpg"],
},
robots: {
index: true,
follow: true,
},
};
title: "Thor Creations - Custom Vinyl Decals & Branded Merchandise", description: "Professional custom vinyl decals, branded merchandise, and design solutions for small business owners and contractors."};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${montserrat.variable} ${inter.variable} antialiased`}
>
<Tag />
{children}
<html lang="en">
<body className={inter.variable}>{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1413,7 +1386,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}

126
src/app/page.tsx
View File

@@ -29,12 +29,12 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
brandName="Thor Creations"
navItems={[
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Portfolio", id: "/portfolio" },
{ name: "Contact", id: "/contact" },
]}
button={{ text: "Get Started", href: "#contact" }}
button={{ text: "Request a Quote", href: "/quote" }}
animateOnLoad={true}
/>
</div>
@@ -42,11 +42,11 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroLogoBillboardSplit
logoText="THOR CREATIONS"
description="Unlock your creative potential with cutting-edge design and development solutions. We transform ideas into powerful digital experiences that drive growth and innovation."
description="Professional custom vinyl decals, branded merchandise, and creative design solutions for small business owners and contractors. Transform your brand identity with bold, modern designs."
background={{ variant: "plain" }}
buttons={[
{ text: "Explore Our Work", href: "#features" },
{ text: "Let's Connect", href: "#contact" },
{ text: "Start Your Custom Order", href: "/quote" },
{ text: "View Our Portfolio", href: "/portfolio" },
]}
buttonAnimation="slide-up"
layoutOrder="default"
@@ -60,11 +60,11 @@ export default function LandingPage() {
<div id="about" data-section="about">
<TextAbout
tag="About Us"
title="Crafting exceptional digital experiences through innovation, creativity, and technical excellence"
tag="About Thor Creations"
title="Family-Owned Business Delivering Exceptional Creative Solutions Since Day One"
useInvertedBackground={false}
buttons={[
{ text: "Learn More", href: "#features" },
{ text: "Learn More About Us", href: "/about" },
]}
buttonAnimation="slide-up"
ariaLabel="About Thor Creations"
@@ -75,23 +75,27 @@ export default function LandingPage() {
<FeatureCardThree
features={[
{
id: "01", title: "Creative Design", description: "Stunning visual identities and designs that capture your brand's essence and resonate with your audience.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-colleagues-office-coworking_171337-17719.jpg?_wi=1", imageAlt: "Creative design workspace"},
id: "01", title: "Custom Vinyl Decals", description: "High-quality, durable vinyl decals tailored to your brand. Perfect for vehicles, windows, and promotional materials.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-colleagues-office-coworking_171337-17719.jpg?_wi=1", imageAlt: "Custom vinyl decals design"
},
{
id: "02", title: "Digital Strategy", description: "Strategic guidance and execution for your digital presence, from branding to marketing campaigns.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-tablet-with-digital-marketing-concept_9975-22100.jpg", imageAlt: "Digital strategy and planning"},
id: "02", title: "Branded Merchandise", description: "Complete merchandise solutions including t-shirts, uniforms, mugs, tumblers, and custom packaging.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-tablet-with-digital-marketing-concept_9975-22100.jpg", imageAlt: "Branded merchandise showcase"
},
{
id: "03", title: "Development", description: "Robust, scalable technology solutions built with the latest frameworks and best practices.", imageSrc: "http://img.b2bpic.net/free-photo/technology-unicorn-venture-workspace-with-pc-used-conduct-code-reviews_482257-118729.jpg", imageAlt: "Software development and coding"},
id: "03", title: "Vehicle Decals", description: "Professional vehicle wraps and decals that make your fleet stand out on the road.", imageSrc: "http://img.b2bpic.net/free-photo/technology-unicorn-venture-workspace-with-pc-used-conduct-code-reviews_482257-118729.jpg", imageAlt: "Vehicle decals and wraps"
},
{
id: "04", title: "Brand Transformation", description: "Complete brand overhauls that modernize your image and strengthen market positioning.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-colleagues-office-coworking_171337-17719.jpg?_wi=2", imageAlt: "Brand transformation process"},
id: "04", title: "Business Essentials", description: "Professional business cards with unique designs and finishes that leave lasting impressions.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-colleagues-office-coworking_171337-17719.jpg?_wi=2", imageAlt: "Business cards and stationery"
},
]}
gridVariant="bento-grid"
animationType="slide-up"
title="What We Deliver"
description="Comprehensive creative and technical solutions designed to elevate your brand and achieve your business objectives."
tag="Services"
title="Our Services"
description="Comprehensive creative solutions designed to elevate your brand and make an impact in your market."
tag="What We Offer"
textboxLayout="default"
useInvertedBackground={true}
buttons={[
{ text: "View All Services", href: "#contact" },
{ text: "Request a Quote", href: "/quote" },
]}
buttonAnimation="slide-up"
/>
@@ -101,29 +105,35 @@ export default function LandingPage() {
<TestimonialCardThirteen
testimonials={[
{
id: "1", name: "Sarah Chen", handle: "@sarachen_ventures", testimonial: "Thor Creations completely transformed our brand identity. Their attention to detail and creative vision exceeded all our expectations.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Sarah Chen testimonial"},
id: "1", name: "Sarah Chen", handle: "@sarachen_ventures", testimonial: "Thor Creations completely transformed our brand identity with stunning vinyl decals and merchandise. Their attention to detail and professional execution exceeded all our expectations.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Sarah Chen testimonial"
},
{
id: "2", name: "Michael Rodriguez", handle: "@mrodriguez_tech", testimonial: "Outstanding technical execution combined with creative excellence. They delivered a platform that truly sets us apart from competitors.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Michael Rodriguez testimonial"},
id: "2", name: "Michael Rodriguez", handle: "@mrodriguez_tech", testimonial: "The custom vehicle decals we ordered are outstanding quality. Thor Creations delivered professional results on time and at a great price. Highly recommended!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Michael Rodriguez testimonial"
},
{
id: "3", name: "Emma Thompson", handle: "@emmathompson_co", testimonial: "Professional, responsive, and incredibly talented. Working with Thor Creations was a game-changer for our digital strategy.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", imageAlt: "Emma Thompson testimonial"},
id: "3", name: "Emma Thompson", handle: "@emmathompson_co", testimonial: "Working with Thor Creations was fantastic. Our branded merchandise turned out beautifully, and the team was responsive throughout the entire process.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", imageAlt: "Emma Thompson testimonial"
},
{
id: "4", name: "James Walker", handle: "@jwalker_innovation", testimonial: "They brought our vision to life in ways we didn't even imagine possible. Highly recommend for any creative project.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "James Walker testimonial"},
id: "4", name: "James Walker", handle: "@jwalker_innovation", testimonial: "They brought our vision to life with custom packaging that impressed our clients. The quality and creativity are exactly what we needed.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "James Walker testimonial"
},
{
id: "5", name: "Lisa Anderson", handle: "@lisaanderson_labs", testimonial: "Exceptional creativity combined with strategic thinking. Thor Creations is a partner you can truly trust.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4", imageAlt: "Lisa Anderson testimonial"},
id: "5", name: "Lisa Anderson", handle: "@lisaanderson_labs", testimonial: "Exceptional quality and service. Our business cards made a real impression at trade shows, and our team uniforms look fantastic.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4", imageAlt: "Lisa Anderson testimonial"
},
{
id: "6", name: "David Park", handle: "@davidpark_studios", testimonial: "From concept to execution, every step was handled with professionalism and excellence. Fantastic experience.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=5", imageAlt: "David Park testimonial"},
id: "6", name: "David Park", handle: "@davidpark_studios", testimonial: "From concept to final delivery, Thor Creations handled everything with professionalism and excellence. Our branded merchandise exceeded expectations.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=5", imageAlt: "David Park testimonial"
},
]}
showRating={true}
animationType="slide-up"
title="What Our Clients Say"
description="Real feedback from the businesses we've partnered with and helped transform."
tag="Testimonials"
description="Real testimonials from satisfied businesses we've worked with."
tag="Client Success Stories"
textboxLayout="default"
useInvertedBackground={false}
carouselMode="buttons"
@@ -134,26 +144,30 @@ export default function LandingPage() {
<MetricCardSeven
metrics={[
{
id: "1", value: "150+", title: "Projects Completed", items: [
"Across diverse industries", "From startups to enterprises", "Consistent quality delivery"],
id: "1", value: "500+", title: "Projects Completed", items: [
"Across diverse industries", "From small startups to established companies", "Consistent quality delivery"
],
},
{
id: "2", value: "98%", title: "Client Satisfaction Rate", items: [
"Long-term partnerships", "Repeat collaborations", "Trusted advisor status"],
id: "2", value: "99%", title: "Client Satisfaction Rate", items: [
"Long-term partnerships", "Repeat collaborations", "Trusted advisor status"
],
},
{
id: "3", value: "8", title: "Years of Excellence", items: [
"Industry expertise", "Award-winning work", "Proven track record"],
id: "3", value: "15+", title: "Years of Excellence", items: [
"Industry expertise", "Award-winning work", "Proven track record"
],
},
{
id: "4", value: "50+", title: "Team Members", items: [
"Diverse skill sets", "Creative professionals", "Technical specialists"],
id: "4", value: "100%", title: "On-Time Delivery", items: [
"Reliable service", "Professional standards", "Quality assurance"
],
},
]}
animationType="slide-up"
title="Our Impact"
title="Why Choose Thor Creations"
description="Proven results that demonstrate our commitment to excellence and client success."
tag="Results"
tag="Our Impact"
textboxLayout="default"
useInvertedBackground={true}
carouselMode="buttons"
@@ -162,15 +176,17 @@ export default function LandingPage() {
<div id="social-proof" data-section="social-proof">
<SocialProofOne
title="Trusted by Leading Companies"
description="Partner with industry leaders who choose Thor Creations for their creative and technical needs."
tag="Partners"
title="Trusted by Businesses Across Multiple Industries"
description="Partner with a professional team known for delivering exceptional quality and creative solutions."
tag="Our Partners"
textboxLayout="default"
useInvertedBackground={false}
names={[
"TechFlow", "InnovateLab", "DigitalEdge", "CreativeStudio", "NexGen Solutions", "Velocity Inc", "Bright Ventures"]}
"BuildRight Contractors", "GreenScape Landscaping", "Digital Innovations LLC", "Local Plumbing Pros", "Elite Marketing Agency", "TechFlow Solutions", "Premium Paint Contractors"
]}
logos={[
"http://img.b2bpic.net/free-vector/gradient-technology-logo-template-collection_23-2148220592.jpg", "http://img.b2bpic.net/free-vector/geometric-young-creative-agency-logo-template_742173-17664.jpg", "http://img.b2bpic.net/free-vector/hand-drawn-marketing-agency-logo_23-2150546812.jpg", "http://img.b2bpic.net/free-vector/design-artwork-logo-template_23-2149507387.jpg", "http://img.b2bpic.net/free-vector/abstract-logo-gradient-style_23-2148135214.jpg", "http://img.b2bpic.net/free-vector/abstract-squares-graph-logo-pack_1043-103.jpg", "http://img.b2bpic.net/free-vector/science-logo-template-design_23-2150337866.jpg"]}
"http://img.b2bpic.net/free-vector/gradient-technology-logo-template-collection_23-2148220592.jpg", "http://img.b2bpic.net/free-vector/geometric-young-creative-agency-logo-template_742173-17664.jpg", "http://img.b2bpic.net/free-vector/hand-drawn-marketing-agency-logo_23-2150546812.jpg", "http://img.b2bpic.net/free-vector/design-artwork-logo-template_23-2149507387.jpg", "http://img.b2bpic.net/free-vector/abstract-logo-gradient-style_23-2148135214.jpg", "http://img.b2bpic.net/free-vector/abstract-squares-graph-logo-pack_1043-103.jpg", "http://img.b2bpic.net/free-vector/science-logo-template-design_23-2150337866.jpg"
]}
speed={40}
showCard={true}
/>
@@ -178,9 +194,9 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
tag="Contact Us"
title="Ready to Transform Your Vision?"
description="Let's discuss how Thor Creations can help bring your ideas to life with exceptional design and development solutions."
tag="Get In Touch"
title="Ready to Elevate Your Brand?"
description="Let's discuss how Thor Creations can help bring your vision to life with custom vinyl decals, branded merchandise, and professional design solutions."
background={{ variant: "plain" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-female-support-phone-operator-speaking-consulting-office_176420-949.jpg"
@@ -188,16 +204,16 @@ export default function LandingPage() {
mediaAnimation="slide-up"
mediaPosition="right"
inputPlaceholder="Enter your email address"
buttonText="Get in Touch"
termsText="We respect your privacy. Unsubscribe at any time."
buttonText="Request a Quote"
termsText="We respect your privacy. We'll reach out to discuss your project needs."
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="THOR CREATIONS"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
leftLink={{ text: "Privacy Policy", href: "/privacy" }}
rightLink={{ text: "Terms of Service", href: "/terms" }}
ariaLabel="Thor Creations Footer"
/>
</div>

114
src/app/portfolio/page.tsx Normal file
View 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 PortfolioPage() {
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 Work"
title="Portfolio Gallery: Showcasing Our Best Creative Work"
useInvertedBackground={false}
buttons={[
{ text: "Request a Quote", href: "/quote" },
]}
buttonAnimation="slide-up"
ariaLabel="Portfolio Hero"
/>
</div>
<div id="portfolio" data-section="portfolio">
<FeatureCardThree
features={[
{
id: "01", title: "BuildRight Contractors - Vehicle Fleet Wrap", description: "Complete vehicle wrap design and installation for construction company fleet. Bold, professional design that increased brand visibility on job sites.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-colleagues-office-coworking_171337-17719.jpg?_wi=1", imageAlt: "BuildRight vehicle wrap project"
},
{
id: "02", title: "GreenScape Landscaping - Branded Merchandise", description: "Custom t-shirts, caps, and work uniforms with cohesive branding. Enhanced team identity and professional appearance across all client interactions.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-tablet-with-digital-marketing-concept_9975-22100.jpg", imageAlt: "GreenScape branded merchandise"
},
{
id: "03", title: "Digital Innovations - Custom Decal Campaign", description: "High-impact vinyl decals for office windows and promotional materials. Modern, eye-catching design that reflected company's tech-forward brand identity.", imageSrc: "http://img.b2bpic.net/free-photo/technology-unicorn-venture-workspace-with-pc-used-conduct-code-reviews_482257-118729.jpg", imageAlt: "Digital Innovations decal project"
},
{
id: "04", title: "Local Plumbing Pros - Business Cards & Signage", description: "Premium business card design with custom logo implementation. Coordinated window decals and signage created unified brand presence.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-colleagues-office-coworking_171337-17719.jpg?_wi=2", imageAlt: "Local Plumbing Pros branding"
},
{
id: "05", title: "Elite Marketing Agency - Corporate Gifts", description: "Custom branded mugs, tumblers, and packaging for client gifts. High-quality printing and premium materials elevated client perception.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-tablet-with-digital-marketing-concept_9975-22100.jpg?_wi=1", imageAlt: "Elite Marketing corporate gifts"
},
{
id: "06", title: "Premium Paint Contractors - Complete Branding", description: "Comprehensive branding package including vehicle wraps, uniforms, business cards, and promotional materials. Created strong, cohesive brand identity.", imageSrc: "http://img.b2bpic.net/free-photo/technology-unicorn-venture-workspace-with-pc-used-conduct-code-reviews_482257-118729.jpg?_wi=1", imageAlt: "Premium Paint Contractors branding"
},
]}
gridVariant="bento-grid"
animationType="slide-up"
title="Recent Projects"
description="Explore a selection of our recent work showcasing the quality and creativity we bring to every project."
tag="Portfolio"
textboxLayout="default"
useInvertedBackground={true}
buttons={[
{ text: "Start Your Project", href: "/quote" },
]}
buttonAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Impressed?"
title="Let's Create Something Exceptional for Your Business"
description="See how Thor Creations can transform your brand with professional design and high-quality products."
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 be in touch to discuss your project vision and requirements."
/>
</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>
);
}

77
src/app/quote/page.tsx Normal file
View File

@@ -0,0 +1,77 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import TextAbout from "@/components/sections/about/TextAbout";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
export default function QuotePage() {
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="Get Your Quote"
title="Let's Discuss Your Custom Project"
useInvertedBackground={false}
buttons={[
{ text: "Learn More", href: "/services" },
]}
buttonAnimation="slide-up"
ariaLabel="Quote Page Hero"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Request a Quote"
title="Tell Us About Your Project"
description="Share your vision and requirements, and we'll provide a detailed quote and discuss how Thor Creations can bring your ideas to life with custom vinyl decals, branded merchandise, and professional design solutions."
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="Request a Quote"
mediaAnimation="slide-up"
mediaPosition="right"
inputPlaceholder="Enter your email address"
buttonText="Get Your Quote"
termsText="We'll review your project details and send you a customized quote within 24 hours. No hidden fees, just honest pricing."
/>
</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>
);
}

114
src/app/services/page.tsx Normal file
View 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>
);
}