Merge version_2 into main #6
@@ -14,10 +14,10 @@ import {
|
||||
} from "lucide-react";
|
||||
|
||||
const navItems = [
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Blog", id: "blog" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
];
|
||||
|
||||
@@ -36,13 +36,13 @@ export default function AboutPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple brandName="SaaSHub" navItems={navItems} />
|
||||
<NavbarStyleApple brandName="Architech" navItems={navItems} />
|
||||
</div>
|
||||
|
||||
<div id="about-mission" data-section="about-mission">
|
||||
<FeatureCardTwelve
|
||||
title="Our Mission & Values"
|
||||
description="At SaaSHub, we believe in empowering teams with intelligent automation and analytics to achieve extraordinary results"
|
||||
title="Our Mission & Philosophy"
|
||||
description="At Architech, we believe architecture is more than buildings—it's about creating spaces that inspire, function beautifully, and stand the test of time"
|
||||
tag="Our Story"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
@@ -51,40 +51,19 @@ export default function AboutPage() {
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "innovation",
|
||||
label: "01",
|
||||
title: "Innovation First",
|
||||
items: [
|
||||
"Cutting-edge technology",
|
||||
"Continuous R&D investment",
|
||||
"Future-focused roadmap",
|
||||
"AI-powered solutions",
|
||||
],
|
||||
buttons: [{ text: "See Our Tech", href: "#" }],
|
||||
id: "innovation", label: "01", title: "Design Innovation", items: [
|
||||
"Forward-thinking concepts", "Cutting-edge technology", "Sustainable solutions", "Timeless aesthetics"],
|
||||
buttons: [{ text: "See Our Work", href: "#" }],
|
||||
},
|
||||
{
|
||||
id: "trust",
|
||||
label: "02",
|
||||
title: "Trust & Security",
|
||||
items: [
|
||||
"Enterprise-grade security",
|
||||
"SOC 2 Type II certified",
|
||||
"99.95% uptime SLA",
|
||||
"Data privacy first",
|
||||
],
|
||||
buttons: [{ text: "Security Details", href: "#" }],
|
||||
id: "excellence", label: "02", title: "Quality & Excellence", items: [
|
||||
"Meticulous attention to detail", "Premium materials", "Expert craftsmanship", "Rigorous quality control"],
|
||||
buttons: [{ text: "Our Process", href: "#" }],
|
||||
},
|
||||
{
|
||||
id: "customer",
|
||||
label: "03",
|
||||
title: "Customer Success",
|
||||
items: [
|
||||
"Dedicated support team",
|
||||
"Personalized onboarding",
|
||||
"Regular success reviews",
|
||||
"Community-driven",
|
||||
],
|
||||
buttons: [{ text: "Success Stories", href: "#" }],
|
||||
id: "client", label: "03", title: "Client Partnership", items: [
|
||||
"Dedicated collaboration", "Personalized service", "Transparent communication", "Long-term relationships"],
|
||||
buttons: [{ text: "Client Stories", href: "#" }],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -92,9 +71,9 @@ export default function AboutPage() {
|
||||
|
||||
<div id="about-metrics" data-section="about-metrics">
|
||||
<MetricCardEleven
|
||||
title="Our Growth Journey"
|
||||
description="Building the future of SaaS automation one day at a time"
|
||||
tag="Company Milestones"
|
||||
title="Our Impact & Growth"
|
||||
description="Building excellence one project at a time"
|
||||
tag="Studio Achievements"
|
||||
tagIcon={TrendingUp}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -102,37 +81,17 @@ export default function AboutPage() {
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "Founded",
|
||||
title: "2020",
|
||||
description: "Started with a vision",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-team-collaboration-scene-sh-1772635124712-e8f5905c.png?_wi=2",
|
||||
},
|
||||
id: "1", value: "Founded", title: "2003", description: "Visionary beginning", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-team-collaboration-scene-sh-1772635124712-e8f5905c.png?_wi=2"},
|
||||
{
|
||||
id: "2",
|
||||
value: "$5M",
|
||||
title: "Series A",
|
||||
description: "Funding milestone reached",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/network-infrastructure-visualization-wit-1772635122009-b8144f48.png?_wi=2",
|
||||
},
|
||||
id: "2", value: "250+", title: "Projects", description: "Diverse portfolio", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/network-infrastructure-visualization-wit-1772635122009-b8144f48.png?_wi=2"},
|
||||
{
|
||||
id: "3",
|
||||
value: "5000+",
|
||||
title: "Customers",
|
||||
description: "Global customer base",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/quick-implementation-timeline-visualizat-1772635123094-83cd1456.png?_wi=2",
|
||||
},
|
||||
id: "3", value: "50+", title: "Awards", description: "Industry recognition", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/quick-implementation-timeline-visualizat-1772635123094-83cd1456.png?_wi=2"},
|
||||
{
|
||||
id: "4",
|
||||
value: "150+",
|
||||
title: "Team Members",
|
||||
description: "Passionate experts",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/productive-workspace-showing-automation--1772635124575-931a1d42.png?_wi=2",
|
||||
},
|
||||
id: "4", value: "45", title: "Team Members", description: "Passionate experts", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/productive-workspace-showing-automation--1772635124575-931a1d42.png?_wi=2"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -141,32 +100,20 @@ export default function AboutPage() {
|
||||
<TestimonialCardTwelve
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-headshot-of-a-confident-wom-1772635122419-0d22ffc0.png?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-headshot-of-a-confident-wom-1772635122419-0d22ffc0.png?_wi=2"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-headshot-of-an-asian-man-in-1772635121931-c283cbd7.png?_wi=2",
|
||||
},
|
||||
id: "2", name: "Michael Chen", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-headshot-of-an-asian-man-in-1772635121931-c283cbd7.png?_wi=2"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma Rodriguez",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-headshot-of-a-confident-wom-1772635122308-bb301777.png?_wi=2",
|
||||
},
|
||||
id: "3", name: "Emma Rodriguez", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-headshot-of-a-confident-wom-1772635122308-bb301777.png?_wi=2"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Park",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-headshot-of-an-accomplished-1772635122722-2ef4bdf6.png?_wi=2",
|
||||
},
|
||||
id: "4", name: "David Park", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-headshot-of-an-accomplished-1772635122722-2ef4bdf6.png?_wi=2"},
|
||||
]}
|
||||
cardTitle="Meet the leaders and innovators who built SaaSHub"
|
||||
cardTag="Our Team"
|
||||
cardTitle="Meet the leadership and creative minds behind Architech"
|
||||
cardTag="Studio Leadership"
|
||||
cardTagIcon={Heart}
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -175,39 +122,35 @@ export default function AboutPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="SaaSHub"
|
||||
copyrightText="© 2025 SaaSHub. All rights reserved."
|
||||
logoText="Architech"
|
||||
copyrightText="© 2025 Architech Studio. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
{ label: "Security", href: "#" },
|
||||
{ label: "Roadmap", href: "#" },
|
||||
title: "Services", items: [
|
||||
{ label: "Residential Design", href: "#portfolio" },
|
||||
{ label: "Commercial Spaces", href: "#portfolio" },
|
||||
{ label: "Institutional Projects", href: "#portfolio" },
|
||||
{ label: "Sustainable Architecture", href: "#portfolio" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Team", href: "#team" },
|
||||
{ label: "Portfolio", href: "#portfolio" },
|
||||
{ label: "Press", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{ label: "Documentation", href: "#" },
|
||||
{ label: "API Reference", href: "#" },
|
||||
{ label: "Community", href: "#" },
|
||||
{ label: "Status", href: "#" },
|
||||
title: "Resources", items: [
|
||||
{ label: "Design Process", href: "#" },
|
||||
{ label: "Case Studies", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
@@ -219,4 +162,4 @@ export default function AboutPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -12,10 +12,10 @@ import {
|
||||
} from "lucide-react";
|
||||
|
||||
const navItems = [
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Blog", id: "blog" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
];
|
||||
|
||||
@@ -34,43 +34,29 @@ export default function ContactPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple brandName="SaaSHub" navItems={navItems} />
|
||||
<NavbarStyleApple brandName="Architech" navItems={navItems} />
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How quickly can we implement SaaSHub?",
|
||||
content:
|
||||
"Most implementations are complete within 48 hours. Our onboarding team guides you through setup, data migration, and team training to ensure a smooth transition.",
|
||||
},
|
||||
id: "1", title: "How quickly can we start a project?", content:
|
||||
"We typically begin with an initial consultation within 1-2 weeks. Project timelines vary depending on scope—from 6 weeks for simple consultations to several months for comprehensive design and construction administration."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer custom training?",
|
||||
content:
|
||||
"Yes. We provide customized training sessions for your team, detailed documentation, video tutorials, and ongoing support to ensure successful adoption.",
|
||||
},
|
||||
id: "2", title: "Do you offer virtual consultations?", content:
|
||||
"Yes. We provide virtual consultations for initial meetings and ongoing communication. In-person site visits are scheduled as needed for a thorough understanding of your project location and requirements."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What's your SLA guarantee?",
|
||||
content:
|
||||
"We guarantee 99.95% uptime for all Enterprise plans with dedicated support. Full SLA terms are available in our Service Level Agreement documentation.",
|
||||
},
|
||||
id: "3", title: "What types of projects do you specialize in?", content:
|
||||
"We work on residential, commercial, and institutional projects. Our expertise spans new construction, renovations, and adaptive reuse. We also specialize in sustainable and green building design."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Can we integrate with our existing systems?",
|
||||
content:
|
||||
"Absolutely. We integrate with 400+ business applications and offer a comprehensive API for custom integrations with your legacy systems.",
|
||||
},
|
||||
id: "4", title: "Can you work with existing contractors?", content:
|
||||
"Absolutely. We collaborate effectively with your chosen contractors and can coordinate throughout the construction process. We can also recommend trusted partners if you need recommendations."},
|
||||
]}
|
||||
ctaTitle="Ready to get started?"
|
||||
ctaDescription="Join thousands of companies transforming their operations with SaaSHub. Start your free trial today."
|
||||
ctaTitle="Ready to bring your vision to life?"
|
||||
ctaDescription="Let's discuss your project and create something extraordinary together. Reach out today to schedule a consultation."
|
||||
ctaButton={{
|
||||
text: "Schedule Demo Call",
|
||||
href: "/contact",
|
||||
}}
|
||||
text: "Schedule Consultation", href: "/contact"}}
|
||||
ctaIcon={Phone}
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
@@ -82,7 +68,7 @@ export default function ContactPage() {
|
||||
<div id="contact-faq" data-section="contact-faq">
|
||||
<FaqDouble
|
||||
title="Frequently Asked Questions"
|
||||
description="Get answers to common questions about SaaSHub and our support"
|
||||
description="Get answers to common questions about working with Architech"
|
||||
tag="Help Center"
|
||||
tagIcon={HelpCircle}
|
||||
tagAnimation="slide-up"
|
||||
@@ -92,80 +78,58 @@ export default function ContactPage() {
|
||||
animationType="smooth"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What support channels are available?",
|
||||
content:
|
||||
"We offer email support on all plans, live chat for Professional and Enterprise, and 24/7 phone support for Enterprise customers. Our average response time is under 1 hour.",
|
||||
},
|
||||
id: "1", title: "What communication methods do you use?", content:
|
||||
"We maintain regular communication through email, video calls, and in-person meetings. You'll have a dedicated point of contact throughout your project for seamless collaboration."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How do I report a bug or issue?",
|
||||
content:
|
||||
"You can report bugs through our support portal, email, or live chat. Enterprise customers have dedicated support channels. We take all reports seriously and track them in our public status page.",
|
||||
},
|
||||
id: "2", title: "How do you approach sustainability in design?", content:
|
||||
"Sustainability is integrated into every project. We consider energy efficiency, material selection, passive design strategies, and long-term environmental impact to create responsible architecture."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I request a feature?",
|
||||
content:
|
||||
"Absolutely. We actively listen to customer feedback and incorporate it into our product roadmap. You can submit feature requests through your dashboard or contact our support team.",
|
||||
},
|
||||
id: "3", title: "Can you handle renovations and adaptive reuse?", content:
|
||||
"Yes. We specialize in thoughtful renovations and adaptive reuse projects that preserve character while adding modern functionality and efficiency."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Do you offer onboarding assistance?",
|
||||
content:
|
||||
"Yes, all paid plans include onboarding support. Professional and Enterprise plans include dedicated onboarding specialists who will guide you through initial setup and configuration.",
|
||||
},
|
||||
id: "4", title: "Do you provide 3D renderings and visualizations?", content:
|
||||
"Yes. We create detailed 3D renderings and walkthroughs so you can visualize the finished project before construction begins. This helps ensure complete alignment with your vision."},
|
||||
{
|
||||
id: "5",
|
||||
title: "What's your response time for critical issues?",
|
||||
content:
|
||||
"Enterprise customers get a guaranteed response within 1 hour for critical issues. Professional customers within 4 hours. Starter plans get support during business hours.",
|
||||
},
|
||||
id: "5", title: "What's your timeline for initial design concepts?", content:
|
||||
"We typically present initial concepts within 2-3 weeks of project start. The full design development process varies by project complexity, usually ranging from 4-8 weeks."},
|
||||
{
|
||||
id: "6",
|
||||
title: "Can I switch plans or cancel anytime?",
|
||||
content:
|
||||
"Yes, you can upgrade, downgrade, or cancel your subscription at any time. Changes take effect immediately, and we'll handle prorating accordingly.",
|
||||
},
|
||||
id: "6", title: "Do you handle building permits and approvals?", content:
|
||||
"Yes. We prepare all necessary documentation and coordinate with local authorities for building permits and regulatory approvals. This is included in our full-service packages."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="SaaSHub"
|
||||
copyrightText="© 2025 SaaSHub. All rights reserved."
|
||||
logoText="Architech"
|
||||
copyrightText="© 2025 Architech Studio. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
{ label: "Security", href: "#" },
|
||||
{ label: "Roadmap", href: "#" },
|
||||
title: "Services", items: [
|
||||
{ label: "Residential Design", href: "#portfolio" },
|
||||
{ label: "Commercial Spaces", href: "#portfolio" },
|
||||
{ label: "Institutional Projects", href: "#portfolio" },
|
||||
{ label: "Sustainable Architecture", href: "#portfolio" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Team", href: "#team" },
|
||||
{ label: "Portfolio", href: "#portfolio" },
|
||||
{ label: "Press", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{ label: "Documentation", href: "#" },
|
||||
{ label: "API Reference", href: "#" },
|
||||
{ label: "Community", href: "#" },
|
||||
{ label: "Status", href: "#" },
|
||||
title: "Resources", items: [
|
||||
{ label: "Design Process", href: "#" },
|
||||
{ label: "Case Studies", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
@@ -177,4 +141,4 @@ export default function ContactPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -5,38 +5,23 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const raleway = Raleway({
|
||||
variable: "--font-raleway",
|
||||
subsets: ["latin"],
|
||||
variable: "--font-raleway", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "SaaSHub - Enterprise SaaS Platform for Modern Teams",
|
||||
description: "Streamline workflows and boost productivity with SaaSHub. Enterprise-grade automation, analytics, and integrations for teams of all sizes.",
|
||||
keywords: "SaaS, automation, analytics, enterprise software, workflow management, team collaboration",
|
||||
robots: {
|
||||
title: "Architech - Design & Architecture Studio", description: "Premium architecture and design services for residential, commercial, and institutional projects. Modern solutions crafted with precision and vision.", keywords: "architecture, design, studio, residential, commercial, institutional, design services", robots: {
|
||||
index: true,
|
||||
follow: true,
|
||||
},
|
||||
openGraph: {
|
||||
title: "SaaSHub - Enterprise SaaS Platform",
|
||||
description: "Streamline your workflows with intelligent automation and advanced analytics. Start free today.",
|
||||
url: "https://saashub.com",
|
||||
siteName: "SaaSHub",
|
||||
type: "website",
|
||||
images: [
|
||||
title: "Architech - Design & Architecture Studio", description: "Premium architecture and design services. Modern solutions crafted with precision and vision.", url: "https://architech.com", siteName: "Architech", type: "website", images: [
|
||||
{
|
||||
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/modern-saas-dashboard-interface-with-dar-1772635123298-6d81c50e.png",
|
||||
alt: "SaaSHub Dashboard",
|
||||
},
|
||||
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/modern-saas-dashboard-interface-with-dar-1772635123298-6d81c50e.png", alt: "Architech Portfolio"},
|
||||
],
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image",
|
||||
title: "SaaSHub - Enterprise SaaS Platform",
|
||||
description: "Streamline your workflows with intelligent automation and advanced analytics.",
|
||||
images: [
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/modern-saas-dashboard-interface-with-dar-1772635123298-6d81c50e.png",
|
||||
],
|
||||
card: "summary_large_image", title: "Architech - Design & Architecture Studio", description: "Premium architecture and design services. Modern solutions crafted with precision and vision.", images: [
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/modern-saas-dashboard-interface-with-dar-1772635123298-6d81c50e.png"],
|
||||
},
|
||||
};
|
||||
|
||||
@@ -1422,4 +1407,4 @@ export default function RootLayout({
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
276
src/app/page.tsx
276
src/app/page.tsx
@@ -5,19 +5,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
|
||||
import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
|
||||
import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
|
||||
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
||||
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import {
|
||||
Sparkles,
|
||||
Zap,
|
||||
DollarSign,
|
||||
TrendingUp,
|
||||
Heart,
|
||||
Award,
|
||||
Hexagon,
|
||||
House,
|
||||
@@ -26,18 +19,15 @@ import {
|
||||
Users,
|
||||
CheckCircle,
|
||||
AlertCircle,
|
||||
Rocket,
|
||||
Star,
|
||||
Shield,
|
||||
HelpCircle,
|
||||
Phone,
|
||||
TrendingUp,
|
||||
Heart,
|
||||
} from "lucide-react";
|
||||
|
||||
const navItems = [
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Blog", id: "blog" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
];
|
||||
|
||||
@@ -56,27 +46,28 @@ export default function HomePage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple brandName="SaaSHub" navItems={navItems} />
|
||||
<NavbarStyleApple brandName="Architech" navItems={navItems} />
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardDashboard
|
||||
title="Enterprise-Grade SaaS Solutions"
|
||||
description="Streamline your workflows, boost productivity, and scale your operations with our intelligent platform designed for modern teams."
|
||||
title="Modern Architecture & Design Solutions"
|
||||
description="Transforming spaces with innovative design, sustainable practices, and meticulous craftsmanship. From concept to completion, we bring your architectural vision to life."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Trusted by 5000+ Companies"
|
||||
tag="Award-Winning Design Studio"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Start Free Trial", href: "/pricing" },
|
||||
{ text: "View Demo", href: "https://example.com/demo" },
|
||||
{ text: "View Portfolio", href: "#portfolio" },
|
||||
{ text: "Schedule Consultation", href: "/contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
dashboard={{
|
||||
title: "Real-Time Analytics Hub", logoIcon: Hexagon,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/modern-saas-dashboard-interface-with-dar-1772635123298-6d81c50e.png", searchPlaceholder: "Search analytics...", buttons: [
|
||||
{ text: "Dashboard", href: "#features" },
|
||||
{ text: "Export Data", href: "#" },
|
||||
title: "Project Portfolio", logoIcon: Hexagon,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/modern-saas-dashboard-interface-with-dar-1772635123298-6d81c50e.png", searchPlaceholder: "Search projects...", buttons: [
|
||||
{ text: "All Projects", href: "#portfolio" },
|
||||
{ text: "Case Studies", href: "#" },
|
||||
],
|
||||
sidebarItems: [
|
||||
{ icon: House, active: true },
|
||||
@@ -86,134 +77,107 @@ export default function HomePage() {
|
||||
],
|
||||
stats: [
|
||||
{
|
||||
title: "Active Users", values: [2450, 3890, 4250],
|
||||
description: "Monthly growth"},
|
||||
title: "Completed Projects", values: [120, 185, 250],
|
||||
description: "Growing portfolio"},
|
||||
{
|
||||
title: "Revenue", values: [245000, 385000, 520000],
|
||||
valuePrefix: "$", description: "Annual recurring"},
|
||||
title: "Client Satisfaction", values: [95, 96.5, 98],
|
||||
valueSuffix: "%", description: "Consistent excellence"},
|
||||
{
|
||||
title: "Uptime", values: [99.8, 99.9, 99.95],
|
||||
valueSuffix: "%", description: "System reliability"},
|
||||
title: "Years of Experience", values: [5, 12, 20],
|
||||
description: "Industry expertise"},
|
||||
],
|
||||
chartTitle: "Usage Trends", chartData: [
|
||||
chartTitle: "Project Completion Trends", chartData: [
|
||||
{ value: 45 },
|
||||
{ value: 60 },
|
||||
{ value: 75 },
|
||||
{ value: 55 },
|
||||
{ value: 85 },
|
||||
],
|
||||
listTitle: "Recent Activity", listItems: [
|
||||
listTitle: "Recent Completions", listItems: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Deployment Successful", status: "Completed"},
|
||||
title: "Downtown Tower Complex", status: "Completed"},
|
||||
{
|
||||
icon: AlertCircle,
|
||||
title: "System Alert", status: "Active"},
|
||||
icon: CheckCircle,
|
||||
title: "Residential District", status: "Completed"},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
title: "Performance Updated", status: "Synced"},
|
||||
title: "Sustainable Campus", status: "In Progress"},
|
||||
],
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<FeatureCardTwelve
|
||||
title="Powerful Features Built for Growth"
|
||||
description="Everything you need to manage, scale, and optimize your operations in one unified platform"
|
||||
tag="Platform Features"
|
||||
tagIcon={Zap}
|
||||
title="Featured Projects"
|
||||
description="Showcase of our most impactful architectural designs and transformative projects"
|
||||
tag="Our Work"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "automation", label: "01", title: "Intelligent Automation", items: [
|
||||
"Workflow automation", "Task scheduling", "Smart notifications", "Custom triggers"],
|
||||
id: "residential", label: "01", title: "Residential Design", items: [
|
||||
"Luxury home design", "Space optimization", "Sustainable materials", "Smart home integration"],
|
||||
buttons: [{ text: "View Projects", href: "#" }],
|
||||
},
|
||||
{
|
||||
id: "commercial", label: "02", title: "Commercial Spaces", items: [
|
||||
"Office design", "Retail environments", "Corporate headquarters", "Mixed-use complexes"],
|
||||
buttons: [{ text: "View Projects", href: "#" }],
|
||||
},
|
||||
{
|
||||
id: "institutional", label: "03", title: "Institutional Projects", items: [
|
||||
"Educational facilities", "Public buildings", "Cultural centers", "Healthcare facilities"],
|
||||
buttons: [{ text: "View Projects", href: "#" }],
|
||||
},
|
||||
{
|
||||
id: "sustainable", label: "04", title: "Sustainable Architecture", items: [
|
||||
"Green building certification", "Energy efficiency", "Renewable integration", "Environmental impact"],
|
||||
buttons: [{ text: "Learn More", href: "#" }],
|
||||
},
|
||||
{
|
||||
id: "analytics", label: "02", title: "Advanced Analytics", items: [
|
||||
"Real-time dashboards", "Custom reports", "Data visualization", "Predictive insights"],
|
||||
buttons: [{ text: "Explore", href: "#" }],
|
||||
},
|
||||
{
|
||||
id: "integration", label: "03", title: "Seamless Integration", items: [
|
||||
"500+ app integrations", "API access", "Webhook support", "Custom connectors"],
|
||||
buttons: [{ text: "View Integrations", href: "#" }],
|
||||
},
|
||||
{
|
||||
id: "security", label: "04", title: "Enterprise Security", items: [
|
||||
"SOC 2 Type II", "End-to-end encryption", "Role-based access", "Compliance certified"],
|
||||
buttons: [{ text: "Security Info", href: "#" }],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
title="Simple, Transparent Pricing"
|
||||
description="Choose the perfect plan for your team. Scale as you grow."
|
||||
tag="Flexible Plans"
|
||||
tagIcon={DollarSign}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "starter", badge: "For Startups", badgeIcon: Rocket,
|
||||
price: "$49", subtitle: "/month billed annually", buttons: [{ text: "Start Free Trial", href: "/signup" }],
|
||||
features: [
|
||||
"Up to 5 team members", "5,000 monthly automations", "Basic analytics", "Email support", "Core integrations", "1GB storage"],
|
||||
},
|
||||
{
|
||||
id: "professional", badge: "Most Popular", badgeIcon: Star,
|
||||
price: "$149", subtitle: "/month billed annually", buttons: [{ text: "Start Free Trial", href: "/signup" }],
|
||||
features: [
|
||||
"Up to 25 team members", "50,000 monthly automations", "Advanced analytics", "Priority support", "400+ integrations", "100GB storage"],
|
||||
},
|
||||
{
|
||||
id: "enterprise", badge: "For Enterprise", badgeIcon: Shield,
|
||||
price: "Custom", subtitle: "tailored to your needs", buttons: [{ text: "Contact Sales", href: "/contact" }],
|
||||
features: [
|
||||
"Unlimited team members", "Unlimited automations", "Custom analytics", "24/7 dedicated support", "Custom integrations", "Unlimited storage"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<div id="team" data-section="team">
|
||||
<TestimonialCardTwelve
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-headshot-of-a-confident-wom-1772635122419-0d22ffc0.png"},
|
||||
id: "1", name: "Sarah Johnson", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-headshot-of-a-confident-wom-1772635122419-0d22ffc0.png?_wi=1"},
|
||||
{
|
||||
id: "2", name: "Michael Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-headshot-of-an-asian-man-in-1772635121931-c283cbd7.png"},
|
||||
id: "2", name: "Michael Chen", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-headshot-of-an-asian-man-in-1772635121931-c283cbd7.png?_wi=1"},
|
||||
{
|
||||
id: "3", name: "Emma Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-headshot-of-a-confident-wom-1772635122308-bb301777.png"},
|
||||
id: "3", name: "Emma Rodriguez", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-headshot-of-a-confident-wom-1772635122308-bb301777.png?_wi=1"},
|
||||
{
|
||||
id: "4", name: "David Park", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-headshot-of-an-accomplished-1772635122722-2ef4bdf6.png"},
|
||||
id: "4", name: "David Park", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-headshot-of-an-accomplished-1772635122722-2ef4bdf6.png?_wi=1"},
|
||||
{
|
||||
id: "5", name: "Lisa Thompson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-headshot-of-a-woman-with-mo-1772635121573-300b95b7.png"},
|
||||
id: "5", name: "Lisa Thompson", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-headshot-of-a-woman-with-mo-1772635121573-300b95b7.png"},
|
||||
{
|
||||
id: "6", name: "James Wilson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-headshot-of-a-man-in-busine-1772635122065-ea10d5f8.png"},
|
||||
id: "6", name: "James Wilson", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-headshot-of-a-man-in-busine-1772635122065-ea10d5f8.png"},
|
||||
]}
|
||||
cardTitle="Trusted by industry leaders and innovative teams worldwide"
|
||||
cardTag="Customer Success Stories"
|
||||
cardTitle="Talented architects and designers dedicated to excellence"
|
||||
cardTag="Our Team"
|
||||
cardTagIcon={Heart}
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<div id="services" data-section="services">
|
||||
<MetricCardEleven
|
||||
title="Delivering Results"
|
||||
description="Join thousands of companies achieving more with SaaSHub"
|
||||
tag="Impact Metrics"
|
||||
title="Our Services"
|
||||
description="Comprehensive architectural and design services tailored to your vision and needs"
|
||||
tag="What We Offer"
|
||||
tagIcon={TrendingUp}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -221,49 +185,25 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "5000+", title: "Active Customers", description: "Growing daily", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-team-collaboration-scene-sh-1772635124712-e8f5905c.png"},
|
||||
id: "1", value: "Design", title: "Concept & Planning", description: "Initial vision development", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-team-collaboration-scene-sh-1772635124712-e8f5905c.png?_wi=1"},
|
||||
{
|
||||
id: "2", value: "99.95%", title: "Uptime", description: "Enterprise reliability", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/network-infrastructure-visualization-wit-1772635122009-b8144f48.png"},
|
||||
id: "2", value: "Planning", title: "Project Development", description: "Detailed specifications", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/network-infrastructure-visualization-wit-1772635122009-b8144f48.png?_wi=1"},
|
||||
{
|
||||
id: "3", value: "48hrs", title: "Avg Implementation", description: "Quick deployment", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/quick-implementation-timeline-visualizat-1772635123094-83cd1456.png"},
|
||||
id: "3", value: "Build", title: "Construction Admin", description: "On-site oversight", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/quick-implementation-timeline-visualizat-1772635123094-83cd1456.png?_wi=1"},
|
||||
{
|
||||
id: "4", value: "40%", title: "Efficiency Gain", description: "Average improvement", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/productive-workspace-showing-automation--1772635124575-931a1d42.png"},
|
||||
id: "4", value: "Optimize", title: "Refinement & Delivery", description: "Final excellence", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/productive-workspace-showing-automation--1772635124575-931a1d42.png?_wi=1"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Frequently Asked Questions"
|
||||
description="Get answers to common questions about SaaSHub"
|
||||
tag="Help Center"
|
||||
tagIcon={HelpCircle}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
animationType="smooth"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What is included in the free trial?", content: "Our free trial includes full access to all features for 14 days. You'll get unlimited automations, analytics, and integrations to fully evaluate the platform before committing to a plan."},
|
||||
{
|
||||
id: "2", title: "How does billing work?", content: "We offer flexible billing options with monthly or annual plans. Annual subscriptions come with a 20% discount. You can cancel anytime without penalties."},
|
||||
{
|
||||
id: "3", title: "What integrations do you support?", content: "SaaSHub integrates with 400+ popular business tools including Slack, Salesforce, HubSpot, Zapier, and more. We also provide a robust API for custom integrations."},
|
||||
{
|
||||
id: "4", title: "Is my data secure?", content: "Yes, we implement enterprise-grade security including SOC 2 Type II compliance, end-to-end encryption, and regular third-party audits to ensure your data is protected."},
|
||||
{
|
||||
id: "5", title: "What support options are available?", content: "We offer email support on all plans, priority support for Professional and Enterprise plans, and 24/7 dedicated support for Enterprise customers."},
|
||||
{
|
||||
id: "6", title: "Can I export my data?", content: "Absolutely. You can export all your data at any time in standard formats like CSV, JSON, or Excel. We make it easy to migrate or backup your information."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialproof" data-section="socialproof">
|
||||
<div id="experience" data-section="experience">
|
||||
<SocialProofOne
|
||||
title="Trusted by Leading Companies"
|
||||
description="Join thousands of innovative organizations using SaaSHub"
|
||||
title="Trusted by Leading Organizations"
|
||||
description="Partners and clients who have experienced our architectural excellence"
|
||||
tag="Industry Leaders"
|
||||
tagIcon={Award}
|
||||
tagAnimation="slide-up"
|
||||
@@ -271,63 +211,41 @@ export default function HomePage() {
|
||||
useInvertedBackground={true}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
names=[
|
||||
"TechCorp", "Innovate Labs", "Growth Co", "Startup XYZ", "Digital First", "CloudNext", "Future Tech", "Nexus AI"]}
|
||||
names={[
|
||||
"Tech Innovators", "Design Leaders", "Growth Partners", "Modern Builders", "Digital First", "Cloud Systems", "Forward Tech", "AI Focused"
|
||||
]}
|
||||
logos={[
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/modern-tech-company-logo-design-featurin-1772635122765-b850752a.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/innovation-focused-company-logo-with-abs-1772635122284-67907fdf.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/growth-oriented-company-logo-with-upward-1772635121335-5a846a91.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/modern-startup-logo-with-contemporary-de-1772635122197-02af49b5.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/digital-first-company-logo-with-cloud-co-1772635122778-54673eec.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/cloud-infrastructure-company-logo-featur-1772635121839-058511e2.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/forward-thinking-tech-company-logo-with--1772635122506-e77d418a.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/ai-focused-company-logo-with-neural-netw-1772635122174-f5085517.png"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
ctaTitle="Ready to get started?"
|
||||
ctaDescription="Join thousands of companies transforming their operations with SaaSHub. Start your free trial today."
|
||||
ctaButton={{ text: "Schedule Demo Call", href: "/contact" }}
|
||||
ctaIcon={Phone}
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
accordionAnimationType="smooth"
|
||||
showCard={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How quickly can we implement SaaSHub?", content: "Most implementations are complete within 48 hours. Our onboarding team guides you through setup, data migration, and team training to ensure a smooth transition."},
|
||||
{
|
||||
id: "2", title: "Do you offer custom training?", content: "Yes. We provide customized training sessions for your team, detailed documentation, video tutorials, and ongoing support to ensure successful adoption."},
|
||||
{
|
||||
id: "3", title: "What's your SLA guarantee?", content: "We guarantee 99.95% uptime for all Enterprise plans with dedicated support. Full SLA terms are available in our Service Level Agreement documentation."},
|
||||
{
|
||||
id: "4", title: "Can we integrate with our existing systems?", content: "Absolutely. We integrate with 400+ business applications and offer a comprehensive API for custom integrations with your legacy systems."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="SaaSHub"
|
||||
copyrightText="© 2025 SaaSHub. All rights reserved."
|
||||
logoText="Architech"
|
||||
copyrightText="© 2025 Architech Studio. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
{ label: "Security", href: "#" },
|
||||
{ label: "Roadmap", href: "#" },
|
||||
title: "Services", items: [
|
||||
{ label: "Residential Design", href: "#portfolio" },
|
||||
{ label: "Commercial Spaces", href: "#portfolio" },
|
||||
{ label: "Institutional Projects", href: "#portfolio" },
|
||||
{ label: "Sustainable Architecture", href: "#portfolio" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Team", href: "#team" },
|
||||
{ label: "Portfolio", href: "#portfolio" },
|
||||
{ label: "Press", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "Documentation", href: "#" },
|
||||
{ label: "API Reference", href: "#" },
|
||||
{ label: "Community", href: "#" },
|
||||
{ label: "Status", href: "#" },
|
||||
{ label: "Design Process", href: "#" },
|
||||
{ label: "Case Studies", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
|
||||
@@ -17,10 +17,10 @@ import {
|
||||
} from "lucide-react";
|
||||
|
||||
const navItems = [
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Blog", id: "blog" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
];
|
||||
|
||||
@@ -39,14 +39,14 @@ export default function PricingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple brandName="SaaSHub" navItems={navItems} />
|
||||
<NavbarStyleApple brandName="Architech" navItems={navItems} />
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
title="Simple, Transparent Pricing"
|
||||
description="Choose the perfect plan for your team. Scale as you grow."
|
||||
tag="Flexible Plans"
|
||||
title="Service Packages"
|
||||
description="Flexible architectural services tailored to your project scope and budget"
|
||||
tag="Investment Options"
|
||||
tagIcon={DollarSign}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -54,52 +54,22 @@ export default function PricingPage() {
|
||||
animationType="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "For Startups",
|
||||
badgeIcon: Rocket,
|
||||
price: "$49",
|
||||
subtitle: "/month billed annually",
|
||||
buttons: [{ text: "Start Free Trial", href: "/signup" }],
|
||||
id: "consultation", badge: "Getting Started", badgeIcon: Rocket,
|
||||
price: "$2,500", subtitle: "per session", buttons: [{ text: "Schedule Now", href: "/contact" }],
|
||||
features: [
|
||||
"Up to 5 team members",
|
||||
"5,000 monthly automations",
|
||||
"Basic analytics",
|
||||
"Email support",
|
||||
"Core integrations",
|
||||
"1GB storage",
|
||||
],
|
||||
"Initial site consultation", "Conceptual sketches", "Preliminary estimates", "Design recommendations", "Follow-up meeting"],
|
||||
},
|
||||
{
|
||||
id: "professional",
|
||||
badge: "Most Popular",
|
||||
badgeIcon: Star,
|
||||
price: "$149",
|
||||
subtitle: "/month billed annually",
|
||||
buttons: [{ text: "Start Free Trial", href: "/signup" }],
|
||||
id: "design", badge: "Most Popular", badgeIcon: Star,
|
||||
price: "$15,000", subtitle: "starting price", buttons: [{ text: "Start Project", href: "/contact" }],
|
||||
features: [
|
||||
"Up to 25 team members",
|
||||
"50,000 monthly automations",
|
||||
"Advanced analytics",
|
||||
"Priority support",
|
||||
"400+ integrations",
|
||||
"100GB storage",
|
||||
],
|
||||
"Complete design development", "3D renderings", "Detailed specifications", "Permit documentation", "Client revisions (3 rounds)"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "For Enterprise",
|
||||
badgeIcon: Shield,
|
||||
price: "Custom",
|
||||
subtitle: "tailored to your needs",
|
||||
buttons: [{ text: "Contact Sales", href: "/contact" }],
|
||||
id: "fullservice", badge: "Full Service", badgeIcon: Shield,
|
||||
price: "Custom", subtitle: "tailored pricing", buttons: [{ text: "Get Quote", href: "/contact" }],
|
||||
features: [
|
||||
"Unlimited team members",
|
||||
"Unlimited automations",
|
||||
"Custom analytics",
|
||||
"24/7 dedicated support",
|
||||
"Custom integrations",
|
||||
"Unlimited storage",
|
||||
],
|
||||
"Complete project oversight", "Design through completion", "Construction administration", "Quality assurance", "Post-completion support"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -107,9 +77,9 @@ export default function PricingPage() {
|
||||
|
||||
<div id="comparison" data-section="comparison">
|
||||
<FeatureCardTwelve
|
||||
title="Feature Comparison"
|
||||
description="See which features are included in each plan"
|
||||
tag="Plan Details"
|
||||
title="What's Included"
|
||||
description="Comprehensive breakdown of services in each package"
|
||||
tag="Service Details"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -117,40 +87,19 @@ export default function PricingPage() {
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "basic-support",
|
||||
label: "Support",
|
||||
title: "Priority Support Included",
|
||||
items: [
|
||||
"Email support on Starter",
|
||||
"Priority on Professional",
|
||||
"24/7 on Enterprise",
|
||||
"Response time guaranteed",
|
||||
],
|
||||
id: "design-process", label: "Design", title: "Design & Planning", items: [
|
||||
"Concept development", "Space planning", "Material selection", "3D visualization"],
|
||||
buttons: [{ text: "Learn More", href: "#" }],
|
||||
},
|
||||
{
|
||||
id: "integrations",
|
||||
label: "Apps",
|
||||
title: "400+ Integrations Available",
|
||||
items: [
|
||||
"Core integrations on Starter",
|
||||
"Full library on Professional",
|
||||
"Custom connectors on Enterprise",
|
||||
"Zapier & IFTTT support",
|
||||
],
|
||||
buttons: [{ text: "Browse", href: "#" }],
|
||||
id: "documentation", label: "Docs", title: "Technical Documentation", items: [
|
||||
"Construction drawings", "Specifications", "Building permits", "Compliance details"],
|
||||
buttons: [{ text: "Learn More", href: "#" }],
|
||||
},
|
||||
{
|
||||
id: "analytics",
|
||||
label: "Data",
|
||||
title: "Analytics & Insights",
|
||||
items: [
|
||||
"Basic dashboards on Starter",
|
||||
"Advanced reports on Professional",
|
||||
"Custom queries on Enterprise",
|
||||
"Real-time monitoring included",
|
||||
],
|
||||
buttons: [{ text: "Explore", href: "#" }],
|
||||
id: "support", label: "Support", title: "Project Support", items: [
|
||||
"Client consultations", "Contractor coordination", "Quality oversight", "Timeline management"],
|
||||
buttons: [{ text: "Learn More", href: "#" }],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -159,7 +108,7 @@ export default function PricingPage() {
|
||||
<div id="pricing-faq" data-section="pricing-faq">
|
||||
<FaqDouble
|
||||
title="Pricing Questions"
|
||||
description="Find answers to common questions about our pricing and plans"
|
||||
description="Find answers to common questions about our service packages and process"
|
||||
tag="Help Center"
|
||||
tagIcon={HelpCircle}
|
||||
tagAnimation="slide-up"
|
||||
@@ -169,80 +118,58 @@ export default function PricingPage() {
|
||||
animationType="smooth"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Can I change my plan anytime?",
|
||||
content:
|
||||
"Yes, you can upgrade or downgrade your plan at any time. Changes take effect immediately, and we'll prorate any charges accordingly.",
|
||||
},
|
||||
id: "1", title: "Can I customize a package?", content:
|
||||
"Absolutely. Every project is unique. We can combine elements from different packages or create a fully custom scope based on your specific needs and budget."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer annual discounts?",
|
||||
content:
|
||||
"Yes, annual subscriptions receive a 20% discount compared to monthly billing. This discount is automatically applied when you choose annual billing.",
|
||||
},
|
||||
id: "2", title: "What's included in the consultation?", content:
|
||||
"Our consultation includes a thorough site analysis, discussion of your vision and goals, preliminary design ideas, and a detailed estimate for full design services."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What payment methods do you accept?",
|
||||
content:
|
||||
"We accept all major credit cards, bank transfers, and wire payments for annual subscriptions. Enterprise customers can arrange custom payment terms.",
|
||||
},
|
||||
id: "3", title: "Do you handle permits and approvals?", content:
|
||||
"Yes. We prepare all necessary documentation for building permits and regulatory approvals, and coordinate with local authorities on your behalf."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Is there a refund policy?",
|
||||
content:
|
||||
"We offer a 14-day money-back guarantee on all paid plans if you're not satisfied with SaaSHub.",
|
||||
},
|
||||
id: "4", title: "How many revisions are included?", content:
|
||||
"Standard packages include 3 rounds of revisions. Additional revisions can be added for an hourly rate. We want to ensure you're completely satisfied with the design."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Can I get a free trial?",
|
||||
content:
|
||||
"Absolutely. All plans include a 14-day free trial with full feature access. No credit card required to get started.",
|
||||
},
|
||||
id: "5", title: "What if I want to go from consultation to full service?", content:
|
||||
"You can seamlessly upgrade at any time. We'll credit the consultation fee toward your full design package."},
|
||||
{
|
||||
id: "6",
|
||||
title: "How do overage charges work?",
|
||||
content:
|
||||
"Overage charges apply when you exceed your plan's automation limits. We'll notify you before charges occur, and you can upgrade your plan to avoid them.",
|
||||
},
|
||||
id: "6", title: "Do you work with contractors?", content:
|
||||
"We maintain relationships with trusted, vetted contractors. We can provide recommendations and coordinate with your chosen contractor during construction administration."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="SaaSHub"
|
||||
copyrightText="© 2025 SaaSHub. All rights reserved."
|
||||
logoText="Architech"
|
||||
copyrightText="© 2025 Architech Studio. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
{ label: "Security", href: "#" },
|
||||
{ label: "Roadmap", href: "#" },
|
||||
title: "Services", items: [
|
||||
{ label: "Residential Design", href: "#portfolio" },
|
||||
{ label: "Commercial Spaces", href: "#portfolio" },
|
||||
{ label: "Institutional Projects", href: "#portfolio" },
|
||||
{ label: "Sustainable Architecture", href: "#portfolio" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Team", href: "#team" },
|
||||
{ label: "Portfolio", href: "#portfolio" },
|
||||
{ label: "Press", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{ label: "Documentation", href: "#" },
|
||||
{ label: "API Reference", href: "#" },
|
||||
{ label: "Community", href: "#" },
|
||||
{ label: "Status", href: "#" },
|
||||
title: "Resources", items: [
|
||||
{ label: "Design Process", href: "#" },
|
||||
{ label: "Case Studies", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
@@ -254,4 +181,4 @@ export default function PricingPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user