Update src/app/page.tsx
This commit is contained in:
173
src/app/page.tsx
173
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
@@ -31,27 +32,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="WebAgency"
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -61,13 +52,9 @@ export default function LandingPage() {
|
||||
description="We craft high-performance, beautiful websites designed to grow your business and convert visitors into loyal customers."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Project",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Project", href: "#contact"},
|
||||
{
|
||||
text: "View Our Work",
|
||||
href: "#features",
|
||||
},
|
||||
text: "View Our Work", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cant-resist-temptation-add-cart-now-tempting-curious-goodlooking-excited-redhead-woman-gla_1258-132855.jpg?_wi=1"
|
||||
imageAlt="High-end web development agency hero"
|
||||
@@ -94,30 +81,15 @@ export default function LandingPage() {
|
||||
description="Everything you need to launch and scale your online business effectively."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Custom Web Design",
|
||||
content: "Tailored designs that perfectly capture your brand identity and vision.",
|
||||
},
|
||||
id: "f1", title: "Custom Web Design", content: "Tailored designs that perfectly capture your brand identity and vision."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Performance Optimization",
|
||||
content: "Lightning-fast page loads to improve your SEO and user satisfaction.",
|
||||
},
|
||||
id: "f2", title: "Performance Optimization", content: "Lightning-fast page loads to improve your SEO and user satisfaction."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "E-Commerce Development",
|
||||
content: "Robust and secure online stores built to drive sales and growth.",
|
||||
},
|
||||
id: "f3", title: "E-Commerce Development", content: "Robust and secure online stores built to drive sales and growth."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "SEO & Analytics",
|
||||
content: "Data-driven strategies to ensure you reach your target audience.",
|
||||
},
|
||||
id: "f4", title: "SEO & Analytics", content: "Data-driven strategies to ensure you reach your target audience."},
|
||||
{
|
||||
id: "f5",
|
||||
title: "API Integrations",
|
||||
content: "Seamless connection with third-party tools to automate your workflows.",
|
||||
},
|
||||
id: "f5", title: "API Integrations", content: "Seamless connection with third-party tools to automate your workflows."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cant-resist-temptation-add-cart-now-tempting-curious-goodlooking-excited-redhead-woman-gla_1258-132855.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -131,59 +103,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
role: "CEO",
|
||||
company: "Innovate Ltd",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoors-business-man-listening-happy-music_23-2148763857.jpg",
|
||||
},
|
||||
id: "t1", name: "John Doe", role: "CEO", company: "Innovate Ltd", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoors-business-man-listening-happy-music_23-2148763857.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Smith",
|
||||
role: "Marketing Director",
|
||||
company: "Growth Inc",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg",
|
||||
},
|
||||
id: "t2", name: "Sarah Smith", role: "Marketing Director", company: "Growth Inc", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David Chen",
|
||||
role: "Founder",
|
||||
company: "Startup Co",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-executive-looking-information_1098-2091.jpg",
|
||||
},
|
||||
id: "t3", name: "David Chen", role: "Founder", company: "Startup Co", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-executive-looking-information_1098-2091.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily Brown",
|
||||
role: "Product Manager",
|
||||
company: "Tech Solutions",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",
|
||||
},
|
||||
id: "t4", name: "Emily Brown", role: "Product Manager", company: "Tech Solutions", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Michael Wilson",
|
||||
role: "CTO",
|
||||
company: "Digital Solutions",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-dancing-funny-expression_1194-3288.jpg",
|
||||
},
|
||||
id: "t5", name: "Michael Wilson", role: "CTO", company: "Digital Solutions", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-dancing-funny-expression_1194-3288.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "150+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
value: "150+", label: "Projects Completed"},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
value: "99%", label: "Client Satisfaction"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Support Available",
|
||||
},
|
||||
value: "24/7", label: "Support Available"},
|
||||
]}
|
||||
title="Trusted by Leaders"
|
||||
description="Hear what our clients have to say about working with us."
|
||||
@@ -195,29 +136,24 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Apple",
|
||||
"Amazon",
|
||||
"Intel",
|
||||
"Adobe",
|
||||
"Salesforce",
|
||||
]}
|
||||
"Microsoft", "Google", "Apple", "Amazon", "Intel", "Adobe", "Salesforce"]}
|
||||
title="Trusted Partners"
|
||||
description="We are proud to work with these forward-thinking brands."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
title="Let's build something great"
|
||||
description="Ready to kickstart your web project? Our team is standing by to help you succeed."
|
||||
/>
|
||||
<ContactSplitForm
|
||||
title="Send me a message"
|
||||
description="I'd love to hear from you. Use the form below to reach out."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Your message here...", rows: 4, required: true }}
|
||||
useInvertedBackground={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-workspace_1150-1320.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
@@ -225,42 +161,27 @@ export default function LandingPage() {
|
||||
logoText="WebAgency"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Web Design",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Web Design", href: "#features"},
|
||||
{
|
||||
label: "SEO",
|
||||
href: "#features",
|
||||
},
|
||||
label: "SEO", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user