Update src/app/contact/page.tsx
This commit is contained in:
@@ -4,40 +4,41 @@ import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
||||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import { HelpCircle } from "lucide-react";
|
||||
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/#services" },
|
||||
{ name: "Portfolio", id: "/#portfolio" },
|
||||
{ name: "About", id: "/#about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Solutions", items: [
|
||||
{ label: "Digital Strategy", href: "/services" },
|
||||
{ label: "Software Development", href: "/services" },
|
||||
{ label: "Cloud Infrastructure", href: "/services" },
|
||||
{ label: "AI & Innovation", href: "/services" },
|
||||
title: "Services", items: [
|
||||
{ label: "Web Design", href: "/#services" },
|
||||
{ label: "Web Development", href: "/#services" },
|
||||
{ label: "E-Commerce Solutions", href: "/#services" },
|
||||
{ label: "Brand Strategy", href: "/#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Team", href: "/about" },
|
||||
{ label: "Case Studies", href: "/" },
|
||||
{ label: "Blog", href: "/" },
|
||||
{ label: "About Us", href: "/#about" },
|
||||
{ label: "Our Portfolio", href: "/#portfolio" },
|
||||
{ label: "Case Studies", href: "/#portfolio" },
|
||||
{ label: "Blog", href: "/blog" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "LinkedIn", href: "/" },
|
||||
{ label: "Twitter", href: "/" },
|
||||
{ label: "Privacy Policy", href: "/" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com" },
|
||||
{ label: "Twitter", href: "https://twitter.com" },
|
||||
{ label: "Privacy Policy", href: "/privacy" },
|
||||
],
|
||||
},
|
||||
];
|
||||
@@ -45,16 +46,16 @@ const footerColumns = [
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="medium"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="none"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
@@ -71,43 +72,39 @@ export default function ContactPage() {
|
||||
|
||||
<div id="contact-cta" data-section="contact-cta">
|
||||
<ContactText
|
||||
text="Ready to transform your business through digital innovation? Connect with our team to explore how Cornerstone Digital can accelerate your digital transformation journey and unlock new growth opportunities."
|
||||
text="Let's Create Something Extraordinary Together. Tell us about your project and vision. Our team is ready to discuss how we can help you build a website that drives real business growth."
|
||||
animationType="entrance-slide"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Schedule Free Consultation", href: "#contact-form" },
|
||||
{ text: "Send Inquiry", href: "#" },
|
||||
{ text: "Get in Touch", href: "#" },
|
||||
{ text: "View Our Work", href: "/#portfolio" },
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-faq" data-section="contact-faq">
|
||||
<FaqSplitMedia
|
||||
<FaqDouble
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our services and engagement model"
|
||||
tag="Support"
|
||||
description="Find answers to common questions about our web design and development services"
|
||||
tag="We're Here to Help"
|
||||
tagIcon={HelpCircle}
|
||||
tagAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How do I get started with Cornerstone Digital?", content: "Simply reach out to our team with your project details and business objectives. We'll schedule an initial consultation to understand your needs, discuss our approach, and provide a customized proposal and engagement timeline."},
|
||||
id: "1", title: "What is your design and development process?", content: "We follow a proven methodology: Discovery and strategy → Design concepts → Development and testing → Launch and optimization. We keep you involved at every stage and ensure transparent communication throughout the project."},
|
||||
{
|
||||
id: "2", title: "What is your typical project timeline?", content: "Project timelines vary based on scope and complexity. Strategic consulting engagements typically run 3-6 months, while custom development projects can range from 6-18 months. We provide detailed timelines during the planning phase."},
|
||||
id: "2", title: "How long does a typical website project take?", content: "Project timelines vary based on scope and complexity. Most custom website projects take 8-16 weeks from kickoff to launch. We provide detailed timelines and milestones during the initial consultation so you know exactly what to expect."},
|
||||
{
|
||||
id: "3", title: "Do you provide ongoing support after project completion?", content: "Yes, we offer comprehensive post-launch support including monitoring, optimization, troubleshooting, and continuous improvements. Many clients transition to ongoing support agreements for long-term partnership and evolution of their systems."},
|
||||
id: "3", title: "Do you provide ongoing support after launch?", content: "Absolutely. We offer ongoing maintenance, updates, security monitoring, and optimization services. Many of our clients choose monthly or quarterly support packages to ensure their website continues to perform at its best and adapt to business changes."},
|
||||
{
|
||||
id: "4", title: "What industries do you serve?", content: "We serve diverse industries including financial services, healthcare, retail, manufacturing, telecommunications, and government. Our cross-industry experience enables us to bring best practices and innovative solutions to your specific domain."},
|
||||
id: "4", title: "Can you redesign my existing website?", content: "Yes. We specialize in website redesigns that modernize your online presence while preserving valuable SEO equity and brand elements. We'll conduct an audit of your current site and develop a strategic refresh plan."},
|
||||
{
|
||||
id: "5", title: "How do you ensure confidentiality and data security?", content: "We maintain strict confidentiality agreements and implement enterprise-grade security practices. All team members sign NDAs, and we follow industry best practices for data protection and compliance across all engagements."},
|
||||
id: "5", title: "Do you offer SEO services?", content: "Yes. All our websites are built with SEO best practices in mind. We optimize site structure, performance, content, and technical elements. We also offer dedicated SEO services to help your website rank higher and attract more organic traffic."},
|
||||
{
|
||||
id: "6", title: "What makes Cornerstone Digital different?", content: "We combine strategic expertise with technical excellence, deep industry knowledge, and genuine partnership approach. Our team has 14+ years of experience delivering transformative solutions for Fortune 500 companies and mid-market leaders."},
|
||||
id: "6", title: "What makes Cornerstone Digital different?", content: "We combine premium design with strategic thinking and technical excellence. We're not just designers—we're digital strategists focused on delivering websites that attract customers and drive measurable business results. Every project receives dedicated attention and expertise."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8iSCR0XizqIkb5uUFm0FMJnK/a-professional-customer-support-and-tech-1772574799185-5b42e6b8.png"
|
||||
imageAlt="Customer support and assistance"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
mediaPosition="left"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="smooth"
|
||||
@@ -123,4 +120,4 @@ export default function ContactPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user