Update src/app/page.tsx

Merge version_2 into main

src/app/about/page.tsx

@@ -0,0 +1,125 @@
+"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?_wi=2"
+          imageAlt="Thor Creations Team"
+          mediaAnimation="slide-up"
+          metricsAnimation="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>
+  );
+}

src/app/contact/page.tsx

@@ -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>
+  );
+}

src/app/layout.tsx

@@ -1,51 +1,26 @@
 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",  description: "Creative solutions for your business"};
 
 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 +1388,6 @@ export default function RootLayout({
           }}
         />
       </body>
-      </ServiceWrapper>
     </html>
   );
 }

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"
@@ -29,176 +26,76 @@ 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>
 
       <div id="hero" data-section="hero">
-        <HeroLogoBillboardSplit
+        <HeroLogo
           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."
-          background={{ variant: "plain" }}
+          description="Exceptional creative solutions for modern businesses"
           buttons={[
-            { text: "Explore Our Work", href: "#features" },
-            { text: "Let's Connect", href: "#contact" },
+            { 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 Us"
-          title="Crafting exceptional digital experiences through innovation, creativity, and technical excellence"
-          useInvertedBackground={false}
-          buttons={[
-            { text: "Learn More", href: "#features" },
-          ]}
-          buttonAnimation="slide-up"
-          ariaLabel="About Thor Creations"
+          imageSrc="http://img.b2bpic.net/free-photo/happy-young-colleagues-office-coworking_171337-17719.jpg?_wi=1"
+          imageAlt="Thor Creations Team"
+          showDimOverlay={true}
         />
       </div>
 
       <div id="features" data-section="features">
-        <FeatureCardThree
+        <FeatureHoverPattern
           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"},
+              icon: Zap,
+              title: "Lightning Fast",              description: "Optimized for performance with minimal overhead and blazing fast load times"},
             {
-              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"},
+              icon: Shield,
+              title: "Secure by Default",              description: "Built with security best practices and industry standards"},
             {
-              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: "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"},
+              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="What We Deliver"
-          description="Comprehensive creative and technical solutions designed to elevate your brand and achieve your business objectives."
-          tag="Services"
-          textboxLayout="default"
-          useInvertedBackground={true}
-          buttons={[
-            { text: "View All Services", href: "#contact" },
-          ]}
-          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. 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: "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: "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: "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: "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: "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"},
-          ]}
-          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"
-          textboxLayout="default"
           useInvertedBackground={false}
-          carouselMode="buttons"
         />
       </div>
 
-      <div id="metrics" data-section="metrics">
-        <MetricCardSeven
-          metrics={[
-            {
-              id: "1",              value: "150+",              title: "Projects Completed",              items: [
-                "Across diverse industries",                "From startups to enterprises",                "Consistent quality delivery"],
-            },
-            {
-              id: "2",              value: "98%",              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: "4",              value: "50+",              title: "Team Members",              items: [
-                "Diverse skill sets",                "Creative professionals",                "Technical specialists"],
-            },
+      <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="Our Impact"
-          description="Proven results that demonstrate our commitment to excellence and client success."
-          tag="Results"
-          textboxLayout="default"
-          useInvertedBackground={true}
-          carouselMode="buttons"
-        />
-      </div>
-
-      <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"
-          textboxLayout="default"
+          ratingAnimation="slide-up"
+          avatarsAnimation="slide-up"
           useInvertedBackground={false}
-          names={[
-            "TechFlow",            "InnovateLab",            "DigitalEdge",            "CreativeStudio",            "NexGen Solutions",            "Velocity Inc",            "Bright Ventures"]}
-          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="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."
-          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="Get in Touch"
-          termsText="We respect your privacy. Unsubscribe at any time."
         />
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterLogoReveal
+        <FooterCard
           logoText="THOR CREATIONS"
-          leftLink={{ text: "Privacy Policy", href: "#" }}
-          rightLink={{ text: "Terms of Service", href: "#" }}
-          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>

src/app/portfolio/page.tsx

@@ -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>
+  );
+}

src/app/quote/page.tsx

@@ -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>
+  );
+}

src/app/services/page.tsx

@@ -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>
+  );
+}