Update src/app/page.tsx
This commit is contained in:
228
src/app/page.tsx
228
src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { CheckCircle, TrendingUp, Zap } from "lucide-react";
|
||||
|
||||
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Crestova Digital"
|
||||
/>
|
||||
@@ -60,64 +50,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Custom Built Websites for Modern Businesses"
|
||||
description="Crestova Digital transforms your business vision into professional, high-converting custom websites tailored to your unique identity."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
alt: "professional headshot portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "professional headshot portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-cheerful-young-man-searches-job-browses-webpage-modern-cell-phone-checks-information-internet-sits-cafeteria-enjoys-sweet-dessert-fresh-drink_273609-29263.jpg",
|
||||
alt: "young startup founder portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-cheerful-young-man-searches-job-browses-webpage-modern-cell-phone-checks-information-internet-sits-cafeteria-enjoys-sweet-dessert-fresh-drink_273609-29263.jpg", alt: "young startup founder portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
|
||||
alt: "marketing expert professional headshot",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg", alt: "marketing expert professional headshot"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-senior-business-man-relaxing_1262-2369.jpg",
|
||||
alt: "project manager professional portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-senior-business-man-relaxing_1262-2369.jpg", alt: "project manager professional portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
|
||||
alt: "Positive confident businesswoman wearing formal suit, standing with arms folded",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Positive confident businesswoman wearing formal suit, standing with arms folded"},
|
||||
]}
|
||||
avatarText="Trusted by 50+ growing businesses"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Next.js Development",
|
||||
},
|
||||
type: "text", text: "Next.js Development"},
|
||||
{
|
||||
type: "text",
|
||||
text: "UI/UX Design",
|
||||
},
|
||||
type: "text", text: "UI/UX Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "E-commerce Solutions",
|
||||
},
|
||||
type: "text", text: "E-commerce Solutions"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Performance Scaling",
|
||||
},
|
||||
type: "text", text: "Performance Scaling"},
|
||||
{
|
||||
type: "text",
|
||||
text: "SEO Strategy",
|
||||
},
|
||||
type: "text", text: "SEO Strategy"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,9 +93,7 @@ export default function LandingPage() {
|
||||
title="Bridging Innovation and Your Business Goals"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Services",
|
||||
href: "#features",
|
||||
},
|
||||
text: "View Our Services", href: "#features"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -142,20 +105,11 @@ export default function LandingPage() {
|
||||
description="Our development process ensures your website is more than just a digital presence—it's a high-performance business tool."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Custom Web Development",
|
||||
content: "Built from the ground up to match your brand and specific operational requirements.",
|
||||
},
|
||||
id: "f1", title: "Custom Web Development", content: "Built from the ground up to match your brand and specific operational requirements."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Responsive Performance",
|
||||
content: "Fully optimized for desktop, tablet, and mobile devices to reach all your customers.",
|
||||
},
|
||||
id: "f2", title: "Responsive Performance", content: "Fully optimized for desktop, tablet, and mobile devices to reach all your customers."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "SEO Optimized Foundation",
|
||||
content: "Built with modern standards to ensure your site is discoverable by search engines.",
|
||||
},
|
||||
id: "f3", title: "SEO Optimized Foundation", content: "Built with modern standards to ensure your site is discoverable by search engines."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884875.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -170,25 +124,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Projects Completed",
|
||||
description: "Successful custom website launches.",
|
||||
icon: CheckCircle,
|
||||
id: "m1", value: "150+", title: "Projects Completed", description: "Successful custom website launches.", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
title: "Uptime Reliability",
|
||||
description: "Always-on performance for your business.",
|
||||
icon: Zap,
|
||||
id: "m2", value: "99.9%", title: "Uptime Reliability", description: "Always-on performance for your business.", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "40%",
|
||||
title: "Avg Traffic Growth",
|
||||
description: "Increased engagement post-launch.",
|
||||
icon: TrendingUp,
|
||||
id: "m3", value: "40%", title: "Avg Traffic Growth", description: "Increased engagement post-launch.", icon: TrendingUp,
|
||||
},
|
||||
]}
|
||||
title="Proven Results for Our Clients"
|
||||
@@ -197,53 +139,20 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
<TeamCardEleven
|
||||
title="Meet Our Leadership Team"
|
||||
description="The passionate experts driving Crestova Digital's vision and your success."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
animationType="slide-up"
|
||||
groups={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Great Experience",
|
||||
quote: "Crestova delivered exactly what we needed to grow our online sales.",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO, TechCorp",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Total Transformation",
|
||||
quote: "Our web presence is finally as professional as our actual service.",
|
||||
name: "Michael Chen",
|
||||
role: "CTO, InnovateLab",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Fantastic Support",
|
||||
quote: "The team was responsive, innovative, and highly skilled throughout.",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director, GrowthCo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-young-adult-expertise-smiling-hospital_1134-1350.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Highly Recommended",
|
||||
quote: "Professional team that truly understands business goals.",
|
||||
name: "David Kim",
|
||||
role: "Product Manager, StartupXYZ",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-holding-digital-tablet_329181-12076.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Seamless Process",
|
||||
quote: "From planning to launch, the communication was perfect.",
|
||||
name: "Laura Smith",
|
||||
role: "Director, CreativeCo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
},
|
||||
id: "g1", groupTitle: "Executive Leadership", members: [
|
||||
{ id: "m1", title: "Sarah Johnson", subtitle: "CEO", detail: "Visionary leader with 15+ years in digital strategy.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg" },
|
||||
{ id: "m2", title: "Michael Chen", subtitle: "CTO", detail: "Tech architect focused on high-performance solutions.", imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Partnered with Leaders"
|
||||
description="See how Crestova Digital has helped businesses like yours thrive online."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -252,14 +161,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Innovation Corp",
|
||||
"Digital Edge",
|
||||
"Future Solutions",
|
||||
"Growth Partners",
|
||||
"Tech Alliance",
|
||||
"Web Pioneers",
|
||||
"Market Leaders",
|
||||
]}
|
||||
"Innovation Corp", "Digital Edge", "Future Solutions", "Growth Partners", "Tech Alliance", "Web Pioneers", "Market Leaders"]}
|
||||
title="Trusted by Growing Brands"
|
||||
description="We are proud to support a diverse range of companies across multiple industries."
|
||||
/>
|
||||
@@ -271,20 +173,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does a website take?",
|
||||
content: "Timelines depend on complexity, but most sites are completed within 4-8 weeks.",
|
||||
},
|
||||
id: "q1", title: "How long does a website take?", content: "Timelines depend on complexity, but most sites are completed within 4-8 weeks."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you provide support?",
|
||||
content: "Yes, we offer ongoing maintenance and support plans to keep your site updated.",
|
||||
},
|
||||
id: "q2", title: "Do you provide support?", content: "Yes, we offer ongoing maintenance and support plans to keep your site updated."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What platforms do you use?",
|
||||
content: "We specialize in modern stacks, focusing on scalable, secure, and fast technologies like React/Next.js.",
|
||||
},
|
||||
id: "q3", title: "What platforms do you use?", content: "We specialize in modern stacks, focusing on scalable, secure, and fast technologies like React/Next.js."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find quick answers to common questions about our web development process."
|
||||
@@ -296,16 +189,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Let's Connect"
|
||||
title="Ready to build your digital presence?"
|
||||
description="Contact our team today for a free consultation and project scope."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send a Message",
|
||||
href: "#",
|
||||
},
|
||||
text: "Send a Message", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -314,37 +204,23 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Custom Websites",
|
||||
href: "#",
|
||||
},
|
||||
label: "Custom Websites", href: "#"},
|
||||
{
|
||||
label: "UX/UI Design",
|
||||
href: "#",
|
||||
},
|
||||
label: "UX/UI Design", href: "#"},
|
||||
{
|
||||
label: "Maintenance",
|
||||
href: "#",
|
||||
},
|
||||
label: "Maintenance", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -355,4 +231,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user