Merge version_3 into main #6

Merged
bender merged 2 commits from version_3 into main 2026-03-05 21:24:25 +00:00
2 changed files with 45 additions and 162 deletions

View File

@@ -9,7 +9,7 @@ const inter = Inter({
});
export const metadata: Metadata = {
title: "Thor Creations - Custom Vinyl Decals & Branded Merchandise", description: "Professional custom vinyl decals, branded merchandise, and design solutions for small business owners and contractors."};
title: "Thor Creations", description: "Creative solutions for your business"};
export default function RootLayout({
children,
@@ -18,7 +18,9 @@ export default function RootLayout({
}) {
return (
<html lang="en">
<body className={inter.variable}>{children}
<body className={inter.variable}>
{children}
<script
dangerouslySetInnerHTML={{
__html: `

View File

@@ -2,16 +2,13 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
import TextAbout from "@/components/sections/about/TextAbout";
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import HeroLogo from "@/components/sections/hero/HeroLogo";
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Zap, Shield, Rocket, Users, Twitter, Linkedin } from "lucide-react";
export default function LandingPage() {
export default function HomePage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
@@ -40,181 +37,65 @@ export default function LandingPage() {
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboardSplit
<HeroLogo
logoText="THOR CREATIONS"
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" }}
description="Exceptional creative solutions for modern businesses"
buttons={[
{ text: "Start Your Custom Order", href: "/quote" },
{ text: "View Our Portfolio", href: "/portfolio" },
{ text: "Get Started", href: "/quote" },
{ text: "Learn More", href: "/about" },
]}
buttonAnimation="slide-up"
layoutOrder="default"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUwrsHiRXf8t31fiLqgeFrhEAX/uploaded-1772676089221-ibtouv31.jpg"
imageAlt="Thor Creations Logo - Geometric Fox Design"
mediaAnimation="slide-up"
frameStyle="card"
ariaLabel="Thor Creations Hero Section"
/>
</div>
<div id="about" data-section="about">
<TextAbout
tag="About Thor Creations"
title="Family-Owned Business Delivering Exceptional Creative Solutions Since Day One"
useInvertedBackground={false}
buttons={[
{ text: "Learn More About Us", href: "/about" },
]}
buttonAnimation="slide-up"
ariaLabel="About Thor Creations"
imageSrc="http://img.b2bpic.net/free-photo/happy-young-colleagues-office-coworking_171337-17719.jpg"
imageAlt="Thor Creations Team"
showDimOverlay={true}
/>
</div>
<div id="features" data-section="features">
<FeatureCardThree
<FeatureHoverPattern
features={[
{
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"
},
icon: Zap,
title: "Lightning Fast", description: "Optimized for performance with minimal overhead and blazing fast load times"},
{
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"
},
icon: Shield,
title: "Secure by Default", description: "Built with security best practices and industry standards"},
{
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: "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"
},
icon: Rocket,
title: "Scalable Solutions", description: "Grow your business without worrying about technical limitations"},
]}
gridVariant="bento-grid"
title="Powerful Features"
description="Discover what makes our solutions stand out"
tag="Features"
textboxLayout="default"
animationType="slide-up"
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: "Request a Quote", href: "/quote" },
]}
buttonAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
testimonials={[
{
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: "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: "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 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 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 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 testimonials from satisfied businesses we've worked with."
tag="Client Success Stories"
textboxLayout="default"
useInvertedBackground={false}
carouselMode="buttons"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
metrics={[
{
id: "1", value: "500+", title: "Projects Completed", items: [
"Across diverse industries", "From small startups to established companies", "Consistent quality delivery"
],
},
{
id: "2", value: "99%", title: "Client Satisfaction Rate", items: [
"Long-term partnerships", "Repeat collaborations", "Trusted advisor status"
],
},
{
id: "3", value: "15+", title: "Years of Excellence", items: [
"Industry expertise", "Award-winning work", "Proven track record"
],
},
{
id: "4", value: "100%", title: "On-Time Delivery", items: [
"Reliable service", "Professional standards", "Quality assurance"
],
},
<div id="testimonial" data-section="testimonial">
<TestimonialCardFifteen
testimonial="Thor Creations completely transformed our digital presence. Their attention to detail and creative approach resulted in a stunning website that has significantly improved our business. Highly recommended!"
rating={5}
author="Sarah Mitchell, CEO at TechStart"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Sarah Mitchell" },
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-female-support-phone-operator-speaking-consulting-office_176420-949.jpg", alt: "Client 3" },
]}
animationType="slide-up"
title="Why Choose Thor Creations"
description="Proven results that demonstrate our commitment to excellence and client success."
tag="Our Impact"
textboxLayout="default"
useInvertedBackground={true}
carouselMode="buttons"
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
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"
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
useInvertedBackground={false}
names={[
"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"
]}
speed={40}
showCard={true}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
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"
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 reach out to discuss your project needs."
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
<FooterCard
logoText="THOR CREATIONS"
leftLink={{ text: "Privacy Policy", href: "/privacy" }}
rightLink={{ text: "Terms of Service", href: "/terms" }}
ariaLabel="Thor Creations Footer"
copyrightText="© 2025 | Thor Creations. All rights reserved."
socialLinks={[
{ icon: Twitter, href: "https://twitter.com/thorcreations", ariaLabel: "Twitter" },
{ icon: Linkedin, href: "https://linkedin.com/company/thorcreations", ariaLabel: "LinkedIn" },
]}
/>
</div>
</ThemeProvider>