Add src/app/case-studies/page.tsx

2026-03-08 00:18:31 +00:00
parent 158f2c020f
commit ded73757ce
1 changed files with 139 additions and 0 deletions
--- a/src/app/case-studies/page.tsx
+++ b/src/app/case-studies/page.tsx
@@ -0,0 +1,139 @@
+'use client';
+
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Sparkles, Twitter, Linkedin, Globe } from 'lucide-react';
+
+const CaseStudiesPage = () => {
+  const navItems = [
+    { name: 'Home', id: '/' },
+    { name: 'About', id: '/about' },
+    { name: 'Blog', id: '/blog' },
+    { name: 'Case Studies', id: '/case-studies' },
+    { name: 'FAQ', id: '/faq' },
+    { name: 'Services', id: '/#services' },
+    { name: 'Pricing', id: '/#pricing' },
+  ];
+
+  const caseStudies = [
+    {
+      id: '1',
+      title: 'E-Commerce Transformation',
+      description: 'Increased online sales by 300% through complete website redesign and digital marketing strategy for a leading retail brand.',
+      imageSrc: 'https://images.unsplash.com/photo-1460925895917-adf4198c868f?w=800&h=600&fit=crop',
+      imageAlt: 'E-commerce transformation case study'
+    },
+    {
+      id: '2',
+      title: 'SaaS Growth Campaign',
+      description: 'Helped a B2B SaaS company acquire 500+ enterprise clients through targeted advertising and content marketing.',
+      imageSrc: 'https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop',
+      imageAlt: 'SaaS growth case study'
+    },
+    {
+      id: '3',
+      title: 'Brand Relaunch Success',
+      description: 'Complete brand identity overhaul resulting in 250% increase in brand awareness and customer engagement.',
+      imageSrc: 'https://images.unsplash.com/photo-1561070791-2526d30994b5?w=800&h=600&fit=crop',
+      imageAlt: 'Brand relaunch case study'
+    },
+    {
+      id: '4',
+      title: 'Mobile App Launch',
+      description: 'Developed and launched a mobile app that reached 100k downloads in the first month with exceptional user ratings.',
+      imageSrc: 'https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=800&h=600&fit=crop',
+      imageAlt: 'Mobile app launch case study'
+    },
+    {
+      id: '5',
+      title: 'Startup Scaling',
+      description: 'Scaled a startup from 0 to $10M ARR in 2 years through strategic digital solutions and market positioning.',
+      imageSrc: 'https://images.unsplash.com/photo-1611532736540-6dabab387e13?w=800&h=600&fit=crop',
+      imageAlt: 'Startup scaling case study'
+    },
+    {
+      id: '6',
+      title: 'Enterprise Integration',
+      description: 'Successfully integrated AI solutions across all customer touchpoints for a Fortune 500 company.',
+      imageSrc: 'https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop',
+      imageAlt: 'Enterprise integration case study'
+    }
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="mediumLarge"
+      sizing="mediumLarge"
+      background="none"
+      cardStyle="solid"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          navItems={navItems}
+          brandName="Temple AI"
+          button={{
+            text: 'Get Started',
+            href: 'https://example.com/signup'
+          }}
+        />
+      </div>
+
+      <div id="case-studies-hero" data-section="case-studies-hero" className="py-20">
+        <div className="max-w-4xl mx-auto px-4 text-center">
+          <h1 className="text-5xl font-bold mb-4">Case Studies</h1>
+          <p className="text-xl text-gray-600">Real results from real clients. See how we've transformed businesses across industries.</p>
+        </div>
+      </div>
+
+      <div id="case-studies-grid" data-section="case-studies-grid">
+        <FeatureCardThree
+          features={caseStudies}
+          title="Project Showcases"
+          description="Discover the impact we've made for our clients through strategic digital solutions."
+          tag="Case Studies"
+          tagIcon={Sparkles}
+          textboxLayout="default"
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="cta" data-section="cta">
+        <ContactText
+          text="Ready to Transform Your Business? Let's Create Your Success Story"
+          animationType="entrance-slide"
+          buttons={[
+            { text: 'Get Started', href: 'https://example.com/start' },
+            { text: 'Schedule Consultation', href: 'https://example.com/demo' }
+          ]}
+          background={{ variant: 'plain' }}
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="Temple AI"
+          copyrightText="© 2025 Temple AI. All rights reserved."
+          socialLinks={[
+            { icon: Twitter, href: 'https://twitter.com/templeai', ariaLabel: 'Twitter' },
+            { icon: Linkedin, href: 'https://linkedin.com/company/templeai', ariaLabel: 'LinkedIn' },
+            { icon: Globe, href: 'https://templeai.com', ariaLabel: 'Website' }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+};
+
+export default CaseStudiesPage;