Merge version_18 into main #30
241
src/app/about/page.tsx
Normal file
241
src/app/about/page.tsx
Normal file
@@ -0,0 +1,241 @@
|
||||
'use client';
|
||||
|
||||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import TimelineProcessFlow from '@/components/cardStack/layouts/timelines/TimelineProcessFlow';
|
||||
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Sparkles, Twitter, Linkedin, Globe } from 'lucide-react';
|
||||
|
||||
const AboutPage = () => {
|
||||
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 companyStory = [
|
||||
{
|
||||
id: '1',
|
||||
reverse: false,
|
||||
media: (
|
||||
<img
|
||||
src="https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=400&fit=crop"
|
||||
alt="Company founding"
|
||||
className="w-full h-full object-cover rounded-lg"
|
||||
/>
|
||||
),
|
||||
content: (
|
||||
<div className="space-y-4">
|
||||
<h3 className="text-2xl font-bold">Our Foundation</h3>
|
||||
<p className="text-gray-600">Temple AI was founded in 2020 with a simple mission: to make comprehensive digital solutions accessible to businesses of all sizes.</p>
|
||||
<ul className="space-y-2 text-gray-600">
|
||||
<li className="flex items-start">
|
||||
<span className="mr-3">✓</span>
|
||||
<span>Started with a team of 3 passionate developers</span>
|
||||
</li>
|
||||
<li className="flex items-start">
|
||||
<span className="mr-3">✓</span>
|
||||
<span>First client project launched within 6 months</span>
|
||||
</li>
|
||||
<li className="flex items-start">
|
||||
<span className="mr-3">✓</span>
|
||||
<span>Rapidly grew to serve 50+ clients</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
)
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
reverse: true,
|
||||
media: (
|
||||
<img
|
||||
src="https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=400&fit=crop"
|
||||
alt="Company growth"
|
||||
className="w-full h-full object-cover rounded-lg"
|
||||
/>
|
||||
),
|
||||
content: (
|
||||
<div className="space-y-4">
|
||||
<h3 className="text-2xl font-bold">Rapid Growth</h3>
|
||||
<p className="text-gray-600">Our commitment to quality and innovation drove exponential growth and expansion into new service areas.</p>
|
||||
<ul className="space-y-2 text-gray-600">
|
||||
<li className="flex items-start">
|
||||
<span className="mr-3">✓</span>
|
||||
<span>Expanded team to 15+ professionals</span>
|
||||
</li>
|
||||
<li className="flex items-start">
|
||||
<span className="mr-3">✓</span>
|
||||
<span>Launched AI-powered services</span>
|
||||
</li>
|
||||
<li className="flex items-start">
|
||||
<span className="mr-3">✓</span>
|
||||
<span>Reached 200+ satisfied customers</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
)
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
reverse: false,
|
||||
media: (
|
||||
<img
|
||||
src="https://images.unsplash.com/photo-1560264357-8d9766bed0e9?w=600&h=400&fit=crop"
|
||||
alt="Company present day"
|
||||
className="w-full h-full object-cover rounded-lg"
|
||||
/>
|
||||
),
|
||||
content: (
|
||||
<div className="space-y-4">
|
||||
<h3 className="text-2xl font-bold">Today & Beyond</h3>
|
||||
<p className="text-gray-600">We continue to innovate and lead the industry, setting new standards for digital excellence.</p>
|
||||
<ul className="space-y-2 text-gray-600">
|
||||
<li className="flex items-start">
|
||||
<span className="mr-3">✓</span>
|
||||
<span>Industry-leading customer satisfaction</span>
|
||||
</li>
|
||||
<li className="flex items-start">
|
||||
<span className="mr-3">✓</span>
|
||||
<span>Trusted by Fortune 500 companies</span>
|
||||
</li>
|
||||
<li className="flex items-start">
|
||||
<span className="mr-3">✓</span>
|
||||
<span>Continuous innovation and expansion</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
];
|
||||
|
||||
const teamMembers = [
|
||||
{
|
||||
id: '1',
|
||||
name: 'Sarah Chen',
|
||||
role: 'CEO & Founder',
|
||||
imageSrc: 'https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=400&fit=crop',
|
||||
imageAlt: 'Sarah Chen CEO'
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
name: 'Marcus Johnson',
|
||||
role: 'CTO & Co-Founder',
|
||||
imageSrc: 'https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop',
|
||||
imageAlt: 'Marcus Johnson CTO'
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
name: 'Elena Rodriguez',
|
||||
role: 'Head of Design',
|
||||
imageSrc: 'https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=400&fit=crop',
|
||||
imageAlt: 'Elena Rodriguez Design Lead'
|
||||
},
|
||||
{
|
||||
id: '4',
|
||||
name: 'David Park',
|
||||
role: 'Lead Developer',
|
||||
imageSrc: 'https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=400&h=400&fit=crop',
|
||||
imageAlt: 'David Park Developer'
|
||||
}
|
||||
];
|
||||
|
||||
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="about-hero" data-section="about-hero">
|
||||
<MediaAbout
|
||||
title="About Temple AI"
|
||||
description="We're on a mission to empower businesses with cutting-edge digital solutions and exceptional service."
|
||||
tag="About Us"
|
||||
tagIcon={Sparkles}
|
||||
imageSrc="https://images.unsplash.com/photo-1552664730-d307ca884978?w=1200&h=800&fit=crop"
|
||||
imageAlt="Temple AI team working together"
|
||||
buttons={[
|
||||
{ text: 'Get Started', href: 'https://example.com/start' }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="company-story" data-section="company-story">
|
||||
<TimelineProcessFlow
|
||||
title="Our Journey"
|
||||
description="From a small startup to an industry leader, discover the milestones that shaped Temple AI."
|
||||
tag="History"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
items={companyStory}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
members={teamMembers}
|
||||
title="Meet Our Team"
|
||||
description="Talented professionals dedicated to your success."
|
||||
tag="Team"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactText
|
||||
text="Ready to Work With Us? Let's Build Something Great Together"
|
||||
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 AboutPage;
|
||||
167
src/app/blog/page.tsx
Normal file
167
src/app/blog/page.tsx
Normal file
@@ -0,0 +1,167 @@
|
||||
'use client';
|
||||
|
||||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Sparkles, Twitter, Linkedin, Globe } from 'lucide-react';
|
||||
|
||||
const BlogPage = () => {
|
||||
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 blogPosts = [
|
||||
{
|
||||
id: '1',
|
||||
category: 'Web Design',
|
||||
title: 'The Future of Web Design in 2025',
|
||||
excerpt: 'Explore the latest trends and technologies shaping the web design industry this year.',
|
||||
imageSrc: 'https://images.unsplash.com/photo-1561070791-2526d30994b5?w=800&h=600&fit=crop',
|
||||
imageAlt: 'Web design trends',
|
||||
authorName: 'Sarah Chen',
|
||||
authorAvatar: 'https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&h=100&fit=crop',
|
||||
date: 'Jan 15, 2025',
|
||||
onBlogClick: () => window.open('#', '_blank')
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
category: 'Digital Marketing',
|
||||
title: 'AI-Powered Marketing Automation',
|
||||
excerpt: 'How artificial intelligence is revolutionizing marketing strategies and customer engagement.',
|
||||
imageSrc: 'https://images.unsplash.com/photo-1460925895917-adf4198c868f?w=800&h=600&fit=crop',
|
||||
imageAlt: 'AI marketing',
|
||||
authorName: 'Marcus Johnson',
|
||||
authorAvatar: 'https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop',
|
||||
date: 'Jan 12, 2025',
|
||||
onBlogClick: () => window.open('#', '_blank')
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
category: 'Business Strategy',
|
||||
title: 'Scaling Your Business: A Complete Guide',
|
||||
excerpt: 'Essential strategies and best practices for growing your business sustainably.',
|
||||
imageSrc: 'https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop',
|
||||
imageAlt: 'Business scaling',
|
||||
authorName: 'Elena Rodriguez',
|
||||
authorAvatar: 'https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=100&h=100&fit=crop',
|
||||
date: 'Jan 10, 2025',
|
||||
onBlogClick: () => window.open('#', '_blank')
|
||||
},
|
||||
{
|
||||
id: '4',
|
||||
category: 'Technology',
|
||||
title: 'Web Development Best Practices 2025',
|
||||
excerpt: 'Modern standards and techniques for building robust, scalable web applications.',
|
||||
imageSrc: 'https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=800&h=600&fit=crop',
|
||||
imageAlt: 'Web development',
|
||||
authorName: 'David Park',
|
||||
authorAvatar: 'https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=100&h=100&fit=crop',
|
||||
date: 'Jan 8, 2025',
|
||||
onBlogClick: () => window.open('#', '_blank')
|
||||
},
|
||||
{
|
||||
id: '5',
|
||||
category: 'Branding',
|
||||
title: 'Building a Strong Brand Identity',
|
||||
excerpt: 'Steps to create a cohesive and memorable brand that resonates with your audience.',
|
||||
imageSrc: 'https://images.unsplash.com/photo-1561070791-2526d30994b5?w=800&h=600&fit=crop',
|
||||
imageAlt: 'Brand identity',
|
||||
authorName: 'Sarah Chen',
|
||||
authorAvatar: 'https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&h=100&fit=crop',
|
||||
date: 'Jan 5, 2025',
|
||||
onBlogClick: () => window.open('#', '_blank')
|
||||
},
|
||||
{
|
||||
id: '6',
|
||||
category: 'Analytics',
|
||||
title: 'Understanding Your Data: A Guide to Analytics',
|
||||
excerpt: 'Learn how to leverage data analytics to make informed business decisions.',
|
||||
imageSrc: 'https://images.unsplash.com/photo-1460925895917-adf4198c868f?w=800&h=600&fit=crop',
|
||||
imageAlt: 'Data analytics',
|
||||
authorName: 'Marcus Johnson',
|
||||
authorAvatar: 'https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop',
|
||||
date: 'Jan 1, 2025',
|
||||
onBlogClick: () => window.open('#', '_blank')
|
||||
}
|
||||
];
|
||||
|
||||
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="blog-hero" data-section="blog-hero" className="py-20">
|
||||
<div className="max-w-4xl mx-auto px-4 text-center">
|
||||
<h1 className="text-5xl font-bold mb-4">Our Blog</h1>
|
||||
<p className="text-xl text-gray-600">Insights, tips, and stories from our team of experts.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="blog-posts" data-section="blog-posts">
|
||||
<BlogCardThree
|
||||
blogs={blogPosts}
|
||||
title="Latest Articles"
|
||||
description="Explore our collection of insights on web design, marketing, and business growth."
|
||||
tag="Blog"
|
||||
tagIcon={Sparkles}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactText
|
||||
text="Stay Updated with Our Latest Insights"
|
||||
animationType="entrance-slide"
|
||||
buttons={[
|
||||
{ text: 'Subscribe to Newsletter', href: 'https://example.com/subscribe' }
|
||||
]}
|
||||
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 BlogPage;
|
||||
139
src/app/case-studies/page.tsx
Normal file
139
src/app/case-studies/page.tsx
Normal file
@@ -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;
|
||||
133
src/app/faq/page.tsx
Normal file
133
src/app/faq/page.tsx
Normal file
@@ -0,0 +1,133 @@
|
||||
'use client';
|
||||
|
||||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Sparkles, Twitter, Linkedin, Globe } from 'lucide-react';
|
||||
|
||||
const FAQPage = () => {
|
||||
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 faqItems = [
|
||||
{
|
||||
id: '1',
|
||||
title: 'What services does Temple AI offer?',
|
||||
content: 'Temple AI offers a comprehensive suite of digital services including website design and branding, consulting and strategy, advertising services, social media management, AI-powered automation, and bundled enterprise packages. We customize solutions to fit your specific business needs.'
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
title: 'How much do your services cost?',
|
||||
content: 'Our pricing varies based on the scope and complexity of your project. We offer flexible service plans ranging from $999/month for AI automation to $4,999/month for our complete enterprise bundle. Each package is customizable. Contact our sales team for a personalized quote.'
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
title: 'What is your typical project timeline?',
|
||||
content: 'Project timelines depend on the scope of work. Website design projects typically take 6-12 weeks, while consulting engagements can begin immediately. We provide detailed timelines during the discovery phase and maintain regular communication throughout the project.'
|
||||
},
|
||||
{
|
||||
id: '4',
|
||||
title: 'Do you offer ongoing support?',
|
||||
content: 'Yes, we offer comprehensive ongoing support with all our services. This includes maintenance, updates, optimization, and 24/7 monitoring for enterprise clients. Our support team is always available to help you succeed.'
|
||||
},
|
||||
{
|
||||
id: '5',
|
||||
title: 'Can you integrate with existing systems?',
|
||||
content: 'Absolutely. We specialize in integrating our solutions with existing business systems and platforms. Our team has expertise with popular tools, CRMs, and custom systems to ensure seamless integration with minimal disruption.'
|
||||
},
|
||||
{
|
||||
id: '6',
|
||||
title: 'How do you measure success?',
|
||||
content: 'We establish clear KPIs at the beginning of each project and provide regular analytics and reporting. Success metrics vary by service (e.g., website traffic, conversion rates, engagement metrics, ROI) and are tracked throughout the engagement.'
|
||||
},
|
||||
{
|
||||
id: '7',
|
||||
title: 'What is your team composition?',
|
||||
content: 'Our team includes experienced strategists, designers, developers, digital marketers, and AI specialists. Each project is assigned a dedicated team with the right expertise to deliver exceptional results.'
|
||||
},
|
||||
{
|
||||
id: '8',
|
||||
title: 'How do I get started?',
|
||||
content: 'Getting started is easy! Simply visit our Get Started page, fill out a brief form about your project, and one of our team members will contact you within 24 hours to discuss your needs and explore how we can help.'
|
||||
}
|
||||
];
|
||||
|
||||
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="faq-section" data-section="faq-section">
|
||||
<FaqSplitMedia
|
||||
faqs={faqItems}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our services, pricing, and process."
|
||||
tag="Help"
|
||||
tagIcon={Sparkles}
|
||||
imageSrc="https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop"
|
||||
imageAlt="Customer support representative"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
mediaPosition="left"
|
||||
faqsAnimation="slide-up"
|
||||
animationType="smooth"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactText
|
||||
text="Still Have Questions? Get in Touch with Our Team"
|
||||
animationType="entrance-slide"
|
||||
buttons={[
|
||||
{ text: 'Contact Us', href: 'https://example.com/contact' },
|
||||
{ text: 'Schedule Call', href: 'https://example.com/schedule' }
|
||||
]}
|
||||
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 FAQPage;
|
||||
@@ -1,13 +1,19 @@
|
||||
import type { Metadata } from 'next';
|
||||
import { Inter } from 'next/font/google';
|
||||
import './globals.css';
|
||||
import type { Metadata } from "next";
|
||||
import { Geist, Geist_Mono } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { Tag } from "@/components/tag/Tag";
|
||||
import { ServiceWrapper } from "@/providers/serviceWrapper/ServiceWrapper";
|
||||
|
||||
const inter = Inter({ subsets: ['latin'] });
|
||||
const geist = Geist({
|
||||
variable: "--font-geist-sans", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const geist_mono = Geist_Mono({
|
||||
variable: "--font-geist-mono", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: 'Temple AI - Real-Time On-Chain Intelligence',
|
||||
description: 'Monitor protocol revenue, trading volume, and wallet activity with advanced analytics powered by Temple AI.',
|
||||
};
|
||||
title: "Temple AI", description: "Comprehensive Business Solutions - Digital Services, Web Design, Branding, and AI Automation"};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
@@ -15,8 +21,26 @@ export default function RootLayout({
|
||||
children: React.ReactNode;
|
||||
}) {
|
||||
return (
|
||||
<html lang="en">
|
||||
<body className={inter.className}>{children}
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<head>
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
|
||||
document.documentElement.classList.add('dark')
|
||||
} else {
|
||||
document.documentElement.classList.remove('dark')
|
||||
}
|
||||
`,
|
||||
}}
|
||||
/>
|
||||
</head>
|
||||
<body className={`${geist.variable} ${geist_mono.variable} antialiased`} suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<Tag />
|
||||
{children}
|
||||
</ServiceWrapper>
|
||||
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
|
||||
@@ -438,4 +438,4 @@ const page = () => {
|
||||
);
|
||||
};
|
||||
|
||||
export default page;
|
||||
export default page;
|
||||
|
||||
Reference in New Issue
Block a user