Merge version_1 into main #2
245
src/app/page.tsx
245
src/app/page.tsx
@@ -11,7 +11,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Instagram, Linkedin, Twitter } from "lucide-react";
|
||||
import { Instagram, Linkedin, Twitter, Zap, TrendingUp, MessageSquare, Cpu } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,79 +32,46 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Services", id: "#features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Compute-Ticate"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Compute-Ticate AI: Intelligent Web Solutions"
|
||||
description="We bridge the gap between small business agility and enterprise-grade AI, building websites that work as hard as you do."
|
||||
tag="AI-Powered Development"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Project",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Project", href: "#contact"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/geometric-bokeh_1017-3221.jpg?_wi=1",
|
||||
imageAlt: "Data Flow",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/geometric-bokeh_1017-3221.jpg", imageAlt: "Data Flow"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037202.jpg?_wi=1",
|
||||
imageAlt: "AI Interface",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037202.jpg", imageAlt: "AI Interface"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627918.jpg?_wi=1",
|
||||
imageAlt: "Waves",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627918.jpg", imageAlt: "Waves"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-wavy-folds-background_1048-16164.jpg?_wi=1",
|
||||
imageAlt: "Geometry",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-wavy-folds-background_1048-16164.jpg", imageAlt: "Geometry"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-with-connecting-lines-dots_1048-7721.jpg",
|
||||
imageAlt: "Cloud",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-with-connecting-lines-dots_1048-7721.jpg", imageAlt: "Cloud"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-surreal-sea-creature_23-2151625919.jpg",
|
||||
imageAlt: "Intelligence",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/portrait-surreal-sea-creature_23-2151625919.jpg", imageAlt: "Intelligence"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -117,17 +84,11 @@ export default function LandingPage() {
|
||||
description="We don't just build sites; we deploy intelligent systems. Compute-Ticate leverages cutting-edge machine learning and automation to ensure your online presence is a 24/7 sales representative."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "AI-Powered SEO",
|
||||
description: "Dynamic content optimization that adapts to market trends in real-time.",
|
||||
},
|
||||
title: "AI-Powered SEO", description: "Dynamic content optimization that adapts to market trends in real-time."},
|
||||
{
|
||||
title: "Predictive UX",
|
||||
description: "Understanding user intent through AI-driven behavioral analysis.",
|
||||
},
|
||||
title: "Predictive UX", description: "Understanding user intent through AI-driven behavioral analysis."},
|
||||
{
|
||||
title: "Automated Engagement",
|
||||
description: "Smart, personalized conversion funnels built to maximize ROI.",
|
||||
},
|
||||
title: "Automated Engagement", description: "Smart, personalized conversion funnels built to maximize ROI."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-end-company-office-with-computer-showing-detailed-data-insights_482257-112565.jpg"
|
||||
/>
|
||||
@@ -139,33 +100,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Self-Optimizing UX",
|
||||
description: "Interfaces that learn and adapt based on actual user interactions.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/geometric-bokeh_1017-3221.jpg?_wi=2",
|
||||
imageAlt: "futuristic data flow tech",
|
||||
},
|
||||
title: "Self-Optimizing UX", description: "Interfaces that learn and adapt based on actual user interactions.", buttonIcon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/geometric-bokeh_1017-3221.jpg", imageAlt: "futuristic data flow tech"},
|
||||
{
|
||||
title: "Predictive Sales Analytics",
|
||||
description: "Know which products or services will trend before your competitors.",
|
||||
buttonIcon: "TrendingUp",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037202.jpg?_wi=2",
|
||||
imageAlt: "ai chatbot code interface",
|
||||
},
|
||||
title: "Predictive Sales Analytics", description: "Know which products or services will trend before your competitors.", buttonIcon: TrendingUp,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037202.jpg", imageAlt: "ai chatbot code interface"},
|
||||
{
|
||||
title: "Smart Chat Integration",
|
||||
description: "Natural language AI support that resolves queries 24/7.",
|
||||
buttonIcon: "MessageSquare",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627918.jpg?_wi=2",
|
||||
imageAlt: "vibrant tech light waves",
|
||||
},
|
||||
title: "Smart Chat Integration", description: "Natural language AI support that resolves queries 24/7.", buttonIcon: MessageSquare,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627918.jpg", imageAlt: "vibrant tech light waves"},
|
||||
{
|
||||
title: "Rapid Deployment Architecture",
|
||||
description: "Advanced tech stacks that ensure your business stays ahead.",
|
||||
buttonIcon: "Cpu",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-wavy-folds-background_1048-16164.jpg?_wi=2",
|
||||
imageAlt: "geometric 3d abstract blue",
|
||||
},
|
||||
title: "Rapid Deployment Architecture", description: "Advanced tech stacks that ensure your business stays ahead.", buttonIcon: Cpu,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-wavy-folds-background_1048-16164.jpg", imageAlt: "geometric 3d abstract blue"},
|
||||
]}
|
||||
title="Why AI Websites Win"
|
||||
description="Stop relying on static templates. We build intelligent platforms designed to grow with your ambition."
|
||||
@@ -179,55 +124,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Launchpad",
|
||||
price: "$1,999",
|
||||
subtitle: "Perfect for new local businesses.",
|
||||
buttons: [
|
||||
id: "basic", badge: "Launchpad", price: "$1,999", subtitle: "Perfect for new local businesses.", buttons: [
|
||||
{
|
||||
text: "Select Plan",
|
||||
},
|
||||
text: "Select Plan"},
|
||||
],
|
||||
features: [
|
||||
"Responsive AI Site",
|
||||
"SEO Automation",
|
||||
"5 Pages",
|
||||
"24/7 Support",
|
||||
],
|
||||
"Responsive AI Site", "SEO Automation", "5 Pages", "24/7 Support"],
|
||||
},
|
||||
{
|
||||
id: "growth",
|
||||
badge: "Accelerator",
|
||||
price: "$4,999",
|
||||
subtitle: "Scale faster with full features.",
|
||||
buttons: [
|
||||
id: "growth", badge: "Accelerator", price: "$4,999", subtitle: "Scale faster with full features.", buttons: [
|
||||
{
|
||||
text: "Select Plan",
|
||||
},
|
||||
text: "Select Plan"},
|
||||
],
|
||||
features: [
|
||||
"Full AI Integration",
|
||||
"Predictive Analytics",
|
||||
"Unlimited Pages",
|
||||
"Priority Support",
|
||||
],
|
||||
"Full AI Integration", "Predictive Analytics", "Unlimited Pages", "Priority Support"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Custom Suite",
|
||||
price: "Custom",
|
||||
subtitle: "Bespoke intelligent infrastructure.",
|
||||
buttons: [
|
||||
id: "enterprise", badge: "Custom Suite", price: "Custom", subtitle: "Bespoke intelligent infrastructure.", buttons: [
|
||||
{
|
||||
text: "Book Consultation",
|
||||
},
|
||||
text: "Book Consultation"},
|
||||
],
|
||||
features: [
|
||||
"Custom AI Model",
|
||||
"Advanced CRM Integration",
|
||||
"DevOps Management",
|
||||
"Dedicated Success Manager",
|
||||
],
|
||||
"Custom AI Model", "Advanced CRM Integration", "DevOps Management", "Dedicated Success Manager"],
|
||||
},
|
||||
]}
|
||||
title="Investment Plans"
|
||||
@@ -237,63 +155,33 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Owner",
|
||||
company: "Eco-Coffee Shop",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-employee_1098-1210.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", role: "Owner", company: "Eco-Coffee Shop", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-employee_1098-1210.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Jenkins",
|
||||
role: "CEO",
|
||||
company: "Jenkins Landscaping",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-sitting-office-using-phone_171337-17183.jpg",
|
||||
},
|
||||
id: "2", name: "Mark Jenkins", role: "CEO", company: "Jenkins Landscaping", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-sitting-office-using-phone_171337-17183.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Director",
|
||||
company: "Bloom Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg",
|
||||
},
|
||||
id: "3", name: "Elena Rodriguez", role: "Director", company: "Bloom Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Thorne",
|
||||
role: "Tech Lead",
|
||||
company: "Thorne Retail",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-tablet_23-2149442286.jpg",
|
||||
},
|
||||
id: "4", name: "David Thorne", role: "Tech Lead", company: "Thorne Retail", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-tablet_23-2149442286.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
role: "Founder",
|
||||
company: "Elite Fit",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1524.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", role: "Founder", company: "Elite Fit", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1524.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "150%",
|
||||
label: "Avg Conversion Lift",
|
||||
},
|
||||
value: "150%", label: "Avg Conversion Lift"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Engagement Uptime",
|
||||
},
|
||||
value: "24/7", label: "Engagement Uptime"},
|
||||
{
|
||||
value: "40+",
|
||||
label: "Successful Launches",
|
||||
},
|
||||
value: "40+", label: "Successful Launches"},
|
||||
]}
|
||||
title="Success Driven by Intelligence"
|
||||
description="Hear from the small businesses we've transformed through strategic AI implementation."
|
||||
@@ -306,25 +194,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How does AI actually help my site?",
|
||||
content: "It optimizes your user journeys by analyzing real-time data to show content that leads to conversions.",
|
||||
},
|
||||
id: "f1", title: "How does AI actually help my site?", content: "It optimizes your user journeys by analyzing real-time data to show content that leads to conversions."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is my small business too small?",
|
||||
content: "Absolutely not. We specialize in bringing enterprise-level AI efficiencies to small business budgets.",
|
||||
},
|
||||
id: "f2", title: "Is my small business too small?", content: "Absolutely not. We specialize in bringing enterprise-level AI efficiencies to small business budgets."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What's the deployment timeline?",
|
||||
content: "Standard projects launch in 4-6 weeks depending on custom requirements.",
|
||||
},
|
||||
id: "f3", title: "What's the deployment timeline?", content: "Standard projects launch in 4-6 weeks depending on custom requirements."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Do I need to be tech-savvy?",
|
||||
content: "Not at all. We handle the entire AI infrastructure while giving you an intuitive, clean management dashboard.",
|
||||
},
|
||||
id: "f4", title: "Do I need to be tech-savvy?", content: "Not at all. We handle the entire AI infrastructure while giving you an intuitive, clean management dashboard."},
|
||||
]}
|
||||
title="Answers for Growth"
|
||||
description="Everything you need to know about our AI development process."
|
||||
@@ -336,8 +212,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
tag="Get Started"
|
||||
title="Build Your Intelligent Future"
|
||||
description="Ready to transform your business? Let's discuss your AI-powered vision today."
|
||||
@@ -351,19 +226,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "https://twitter.com", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
href: "https://linkedin.com", ariaLabel: "LinkedIn"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com", ariaLabel: "Instagram"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user