Merge version_3 into main #6
@@ -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: `
|
||||
|
||||
201
src/app/page.tsx
201
src/app/page.tsx
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user