Update src/app/page.tsx

Merge version_14 into main
2026-03-07 23:57:40 +00:00 · 2026-03-07 23:57:00 +00:00 · 2026-03-07 23:54:23 +00:00
1 changed files with 114 additions and 103 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -15,67 +15,81 @@ import { Sparkles, TrendingUp, Zap, Shield, Hexagon, House, MessageSquareText, S
 const page = () => {
  const navItems = [
    { name: 'Home', id: '/' },
-    { name: 'Features', id: '#features' },
+    { name: 'Services', id: '#services' },
    { name: 'Process', id: '#process' },
    { name: 'Testimonials', id: '#testimonials' },
    { name: 'Pricing', id: '#pricing' },
  ];

-  const features = [
+  const services = [
    {
      id: '01',
-      title: 'Real-Time Intelligence',
-      description: 'Monitor protocol revenue, trading volume, and wallet activity with live updates.',
-      imageSrc: 'https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=800&h=600&fit=crop',
-      imageAlt: 'Real-time intelligence dashboard'
+      title: 'Website & Branding',
+      description: 'Build a stunning online presence with custom website design and cohesive branding that represents your business.',
+      imageSrc: 'https://images.unsplash.com/photo-1561070791-2526d30994b5?w=800&h=600&fit=crop',
+      imageAlt: 'Website and branding design'
    },
    {
      id: '02',
-      title: 'Advanced Analytics',
-      description: 'Deep insights into market trends and on-chain metrics with predictive analysis.',
-      imageSrc: 'https://images.unsplash.com/photo-1560707303-4e980ce876ad?w=800&h=600&fit=crop',
-      imageAlt: 'Advanced analytics interface'
+      title: 'Consulting & Strategy',
+      description: 'Strategic guidance from industry experts to help you achieve your business goals and maximize growth.',
+      imageSrc: 'https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop&_wi=1',
+      imageAlt: 'Consulting and strategy session'
    },
    {
      id: '03',
-      title: 'Secure Infrastructure',
-      description: 'Enterprise-grade security with encrypted data transfer and compliance standards.',
-      imageSrc: 'https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=800&h=600&fit=crop',
-      imageAlt: 'Secure infrastructure'
+      title: 'Advertising Services',
+      description: 'Targeted advertising campaigns that reach your audience and drive measurable results across multiple channels.',
+      imageSrc: 'https://images.unsplash.com/photo-1460925895917-adf4198c868f?w=800&h=600&fit=crop',
+      imageAlt: 'Advertising services dashboard'
    },
    {
      id: '04',
-      title: 'Custom Integration',
-      description: 'Seamless API integration with your existing systems and workflows.',
-      imageSrc: 'https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=800&h=600&fit=crop',
-      imageAlt: 'Custom integration setup'
+      title: 'Social Media Management',
+      description: 'Engage your audience with compelling content, community management, and strategic social media presence.',
+      imageSrc: 'https://images.unsplash.com/photo-1611532736540-6dabab387e13?w=800&h=600&fit=crop',
+      imageAlt: 'Social media management tools'
+    },
+    {
+      id: '05',
+      title: 'AI Call Assistant & Automation',
+      description: 'Streamline your operations with intelligent call handling and automation to improve customer service and efficiency.',
+      imageSrc: 'https://images.unsplash.com/photo-1531746790731-6c087fecd65b?w=800&h=600&fit=crop',
+      imageAlt: 'AI call assistant interface'
+    },
+    {
+      id: '06',
+      title: 'Bundled Packages',
+      description: 'Comprehensive service bundles combining multiple solutions for maximum value and seamless integration.',
+      imageSrc: 'https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop&_wi=2',
+      imageAlt: 'Bundled service packages'
    }
  ];

  const testimonials = [
    {
      id: '1',
-      title: 'Transformed Our Data Strategy',
-      quote: 'Temple AI gave us the insights we needed to make confident decisions. The real-time data has been invaluable to our strategy.',
+      title: 'Transformed Our Business',
+      quote: 'Temple AI transformed our entire online presence. The website design and branding strategy were exceptional. They truly understood our vision.',
      name: 'Sarah Mitchell',
-      role: 'CEO of TechFlow Solutions',
+      role: 'CEO of Digital Solutions Inc',
      imageSrc: 'https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=400&fit=crop',
      imageAlt: 'Sarah Mitchell headshot'
    },
    {
      id: '2',
-      title: 'Best Analytics Platform',
-      quote: "The accuracy and speed of Temple AI's analytics platform exceeded all our expectations. Implementation was smooth and support was exceptional.",      name: 'Marcus Johnson',
-      role: 'Director of Analytics at DataCorp',
+      title: 'Outstanding Service Quality',
+      quote: "The consulting and strategy guidance from Temple AI helped us scale our business efficiently. Their expertise is invaluable and their support is exceptional.",      name: 'Marcus Johnson',
+      role: 'Director of Operations at GrowthCo',
      imageSrc: 'https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop',
      imageAlt: 'Marcus Johnson headshot'
    },
    {
      id: '3',
-      title: 'Incredible ROI',
-      quote: 'We saw measurable improvements in our operations within the first month. Temple AI is now central to our decision-making process.',
+      title: 'Perfect Marketing Partner',
+      quote: 'Our social media presence and advertising campaigns have never been better. Temple AI delivered measurable results and consistent growth in engagement.',
      name: 'Elena Chen',
-      role: 'VP of Operations at InnovateCo',
+      role: 'Marketing Manager at BrandConnect',
      imageSrc: 'https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=400&fit=crop',
      imageAlt: 'Elena Chen headshot'
    }
@@ -84,74 +98,74 @@ const page = () => {
  const pricingPlans = [
    {
      id: '1',
-      badge: 'Starter',
+      badge: 'Website & Branding',
      badgeIcon: Sparkles,
-      price: '$99/mo',
-      subtitle: 'Perfect for getting started with real-time intelligence',
+      price: '$2,999',
+      subtitle: 'Professional website design and complete branding package',
      buttons: [
        { text: 'Get Started', href: 'https://example.com/start' },
        { text: 'Learn More', href: 'https://example.com/docs' }
      ],
      features: [
-        'Real-time data access',
-        'Basic analytics dashboard',
-        'Up to 5 API keys',
-        'Email support',
-        'Monthly reports'
+        'Custom website design',
+        'Brand identity and logo',
+        'Responsive design',
+        'SEO optimization',
+        '3 rounds of revisions'
      ]
    },
    {
      id: '2',
-      badge: 'Professional',
+      badge: 'Marketing & Social Media',
      badgeIcon: TrendingUp,
-      price: '$499/mo',
-      subtitle: 'Ideal for growing teams with advanced needs',
+      price: '$1,499/mo',
+      subtitle: 'Complete marketing and social media management',
      buttons: [
        { text: 'Get Started', href: 'https://example.com/start' },
        { text: 'Contact Sales', href: 'https://example.com/sales' }
      ],
      features: [
-        'All Starter features',
-        'Advanced predictive analysis',
-        'Unlimited API keys',
-        'Priority support',
-        'Custom integrations',
-        'Real-time alerts'
+        'Social media management',
+        'Content creation and posting',
+        'Community engagement',
+        'Monthly analytics reports',
+        'Paid advertising management'
      ]
    },
    {
      id: '3',
-      badge: 'Enterprise',
+      badge: 'Bundled Enterprise',
      badgeIcon: Shield,
-      price: 'Custom',
-      subtitle: 'Complete solution for large-scale operations',
+      price: '$4,999/mo',
+      subtitle: 'Complete solution with all Temple AI services',
      buttons: [
        { text: 'Schedule Demo', href: 'https://example.com/demo' },
        { text: 'Contact Us', href: 'https://example.com/contact' }
      ],
      features: [
-        'All Professional features',
+        'Website & branding',
+        'Consulting & strategy',
+        'Advertising services',
+        'Social media management',
+        'AI call assistant',
        'Dedicated account manager',
-        'Custom SLA guarantees',
-        'White-label options',
-        '24/7 phone support',
-        'Advanced security features'
+        '24/7 support'
      ]
    }
  ];

  const processMediaItems = [
    {
-      imageSrc: 'https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=600&h=400&fit=crop',
-      imageAlt: 'Step 1: Data Collection'
+      imageSrc: 'https://images.unsplash.com/photo-1561070791-2526d30994b5?w=600&h=400&fit=crop',
+      imageAlt: 'Step 1: Strategy'
    },
    {
-      imageSrc: 'https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=600&h=400&fit=crop',
-      imageAlt: 'Step 2: Analysis'
+      imageSrc: 'https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=400&fit=crop',
+      imageAlt: 'Step 2: Implementation'
    },
    {
-      imageSrc: 'https://images.unsplash.com/photo-1560707303-4e980ce876ad?w=600&h=400&fit=crop',
-      imageAlt: 'Step 3: Insights'
+      imageSrc: 'https://images.unsplash.com/photo-1460925895917-adf4198c868f?w=600&h=400&fit=crop',
+      imageAlt: 'Step 3: Results'
    }
  ];

@@ -182,21 +196,21 @@ const page = () => {
      <div id="hero" data-section="hero">
        <HeroBillboardDashboard
          background={{ variant: 'radial-gradient' }}
-          tag="Live Analytics"
+          tag="Digital Solutions"
          tagIcon={Sparkles}
-          title="Real-Time On-Chain Intelligence"
-          description="Monitor protocol revenue, trading volume, and wallet activity with advanced analytics powered by Temple AI."
+          title="Comprehensive Business Solutions"
+          description="From website design and branding to advertising and AI automation, Temple AI provides complete digital services to transform your business."
          buttons={[
            { text: 'Get Started', href: 'https://example.com/start' },
-            { text: 'View Docs', href: 'https://example.com/docs' }
+            { text: 'View Services', href: '#services' }
          ]}
          dashboard={{
-            title: 'On-Chain Metrics Hub',
+            title: 'Services Dashboard',
            logoIcon: Hexagon,
            imageSrc: 'https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=100&h=100&fit=crop&crop=face',
            buttons: [
-              { text: 'Dashboard', href: '#' },
-              { text: 'Export CSV', href: '#' }
+              { text: 'Explore Services', href: '#' },
+              { text: 'Get Quote', href: '#' }
            ],
            sidebarItems: [
              { icon: House, active: true },
@@ -205,45 +219,42 @@ const page = () => {
            ],
            stats: [
              {
-                title: 'Revenue',
-                values: [178425, 245890, 312750],
-                valuePrefix: '$',
-                description: 'Protocol fees.'
+                title: 'Clients Served',
+                values: [150, 225, 320],
+                description: 'Satisfied customers.'
              },
              {
-                title: 'Volume',
-                values: [7.84, 12.5, 9.32],
-                valuePrefix: '$',
-                valueSuffix: 'M',
-                description: 'Transaction flow.'
+                title: 'Projects',
+                values: [45, 67, 89],
+                description: 'Completed projects.'
              },
              {
-                title: 'Wallets',
-                values: [11240, 15680, 13450],
-                description: 'Active wallets.'
+                title: 'Services',
+                values: [6, 6, 6],
+                description: 'Core services offered.'
              }
            ],
-            chartTitle: 'Staking Rewards',
+            chartTitle: 'Client Growth',
            chartData: [{ value: 50 }, { value: 30 }, { value: 70 }, { value: 40 }, { value: 90 }],
-            listTitle: 'Treasury Transfers',
+            listTitle: 'Service Features',
            listItems: [
-              { icon: CircleDollarSign, title: '$12,000 USDC', status: 'Confirmed' },
-              { icon: ArrowLeftRight, title: 'Swap: 5 ETH', status: 'Executed' },
-              { icon: Send, title: 'Transfer: 2,500 DAI', status: 'Confirmed' }
+              { icon: CircleDollarSign, title: 'Transparent Pricing', status: 'Available' },
+              { icon: ArrowLeftRight, title: 'Flexible Solutions', status: 'Offered' },
+              { icon: Send, title: '24/7 Support', status: 'Active' }
            ]
          }}
        />
      </div>

-      <div id="features" data-section="features">
+      <div id="services" data-section="services">
        <FeatureCardThree
-          features={features}
-          title="Powerful Features"
-          description="Everything you need to stay ahead of the market."
-          tag="Features"
+          features={services}
+          title="Our Services"
+          description="Complete digital solutions designed to grow your business."
+          tag="Services"
          tagIcon={Zap}
          textboxLayout="default"
-          gridVariant="four-items-2x2-equal-grid"
+          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground={false}
        />
@@ -252,23 +263,23 @@ const page = () => {
      <div id="process" data-section="process">
        <TimelineHorizontalCardStack
          title="Our Process"
-          description="Follow our proven step-by-step approach to enterprise intelligence."
+          description="Follow our proven step-by-step approach to delivering excellence."
          tag="How It Works"
          tagIcon={TrendingUp}
          textboxLayout="default"
          mediaItems={processMediaItems}
        >
          <div>
-            <h3 className="font-bold text-lg">Data Collection</h3>
-            <p className="text-sm text-gray-600">We gather real-time data from multiple on-chain sources and protocols.</p>
+            <h3 className="font-bold text-lg">Strategy & Planning</h3>
+            <p className="text-sm text-gray-600">We understand your goals and create a comprehensive strategy tailored to your needs.</p>
          </div>
          <div>
-            <h3 className="font-bold text-lg">Analysis</h3>
-            <p className="text-sm text-gray-600">Advanced algorithms process and analyze the data for meaningful insights.</p>
+            <h3 className="font-bold text-lg">Implementation</h3>
+            <p className="text-sm text-gray-600">Our expert team executes the plan with precision and attention to detail.</p>
          </div>
          <div>
-            <h3 className="font-bold text-lg">Insights</h3>
-            <p className="text-sm text-gray-600">Actionable intelligence delivered through intuitive dashboards and reports.</p>
+            <h3 className="font-bold text-lg">Results & Growth</h3>
+            <p className="text-sm text-gray-600">Measure success through analytics and continuous optimization for sustained growth.</p>
          </div>
        </TimelineHorizontalCardStack>
      </div>
@@ -276,8 +287,8 @@ const page = () => {
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          testimonials={testimonials}
-          title="Trusted by Industry Leaders"
-          description="See what our customers have to say about Temple AI."
+          title="Trusted by Business Leaders"
+          description="See what our clients have to say about Temple AI's services."
          tag="Testimonials"
          tagIcon={Shield}
          textboxLayout="default"
@@ -288,11 +299,11 @@ const page = () => {
      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Leading Companies"
-          description="Join thousands of organizations using Temple AI for advanced intelligence."
+          description="Join hundreds of organizations using Temple AI for business growth."
          tag="Partners"
          textboxLayout="default"
          useInvertedBackground={false}
-          names={['TechFlow', 'DataCorp', 'InnovateCo', 'CloudSync', 'FinanceHub', 'SecurityFirst']}
+          names={['Tech Innovators', 'Growth Partners', 'Digital Leaders', 'Marketing Experts', 'Brand Builders', 'Success Hub']}
          speed={40}
          showCard={true}
        />
@@ -301,8 +312,8 @@ const page = () => {
      <div id="pricing" data-section="pricing">
        <PricingCardTwo
          plans={pricingPlans}
-          title="Simple, Transparent Pricing"
-          description="Choose the perfect plan for your organization's needs."
+          title="Flexible Service Plans"
+          description="Choose the perfect package for your business needs."
          tag="Pricing"
          tagIcon={CircleDollarSign}
          textboxLayout="default"
@@ -314,11 +325,11 @@ const page = () => {

      <div id="contact" data-section="contact">
        <ContactText
-          text="Get Real-Time Intelligence in 48 Hours—No Setup Hassle"
+          text="Transform Your Business Today—Start Your Journey with Temple AI"
          animationType="entrance-slide"
          buttons={[
            { text: 'Get Started', href: 'https://example.com/start' },
-            { text: 'Schedule Demo', href: 'https://example.com/demo' }
+            { text: 'Schedule Consultation', href: 'https://example.com/demo' }
          ]}
          background={{ variant: 'plain' }}
          useInvertedBackground={false}
Author	SHA1	Message	Date
bender	170d182cb8	Update src/app/page.tsx	2026-03-07 23:57:40 +00:00
bender	cc5806fd8c	Update src/app/page.tsx	2026-03-07 23:57:00 +00:00
bender	63646c1fc6	Merge version_14 into main Merge version_14 into main	2026-03-07 23:54:23 +00:00