Update src/app/page.tsx
This commit is contained in:
176
src/app/page.tsx
176
src/app/page.tsx
@@ -5,11 +5,11 @@ import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import { Sparkles } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -31,72 +31,50 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "about",
|
||||
},
|
||||
name: "About Us", id: "about"},
|
||||
{
|
||||
name: "Clients",
|
||||
id: "clients",
|
||||
},
|
||||
name: "Clients", id: "clients"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Elevion Digital"
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Quote", href: "#contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "downward-rays-animated-grid",
|
||||
}}
|
||||
variant: "downward-rays-animated-grid"}}
|
||||
title="Elevion Digital: Building Your Vision into Stunning Websites"
|
||||
description="We specialize in crafting bespoke websites that captivate audiences, drive engagement, and deliver tangible results for businesses worldwide."
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/professional-headshot-of-a-diverse-male--1774289238565-7c28d19f.png",
|
||||
alt: "John Doe, Lead Developer",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/professional-headshot-of-a-diverse-male--1774289238565-7c28d19f.png", alt: "John Doe, Lead Developer"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/professional-headshot-of-a-diverse-femal-1774289237483-eb8041e7.png",
|
||||
alt: "Jane Smith, UX Designer",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/professional-headshot-of-a-diverse-femal-1774289237483-eb8041e7.png", alt: "Jane Smith, UX Designer"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/professional-headshot-of-a-diverse-male--1774289237756-a10fd760.png",
|
||||
alt: "Robert Johnson, Project Manager",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/professional-headshot-of-a-diverse-male--1774289237756-a10fd760.png", alt: "Robert Johnson, Project Manager"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/professional-headshot-of-a-diverse-femal-1774289238825-d7d27805.png",
|
||||
alt: "Sarah Lee, Digital Marketer",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/professional-headshot-of-a-diverse-femal-1774289238825-d7d27805.png", alt: "Sarah Lee, Digital Marketer"},
|
||||
]}
|
||||
avatarText="Trusted by over 100+ businesses"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Explore Our Services", href: "#services"},
|
||||
{
|
||||
text: "Get a Free Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Consultation", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/a-dynamic-and-abstract-digital-interface-1774289238450-d15a66d2.png"
|
||||
imageAlt="Abstract digital interface"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -107,9 +85,7 @@ export default function LandingPage() {
|
||||
title="Crafting Digital Experiences That Convert"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More About Us",
|
||||
href: "/about",
|
||||
},
|
||||
text: "Learn More About Us", href: "/about"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,37 +97,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Custom Web Design",
|
||||
tag: "Design Excellence",
|
||||
description: "Stunning, user-friendly designs that reflect your brand identity and provide an intuitive user experience across all devices.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/a-sleek-modern-website-design-concept-on-1774289238727-40e83c04.png?_wi=1",
|
||||
imageAlt: "Modern web design concept on laptop",
|
||||
},
|
||||
id: "1", title: "Custom Web Design", tag: "Design Excellence", description: "Stunning, user-friendly designs that reflect your brand identity and provide an intuitive user experience across all devices.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/a-sleek-modern-website-design-concept-on-1774289238727-40e83c04.png?_wi=1", imageAlt: "Modern web design concept on laptop"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Robust Web Development",
|
||||
tag: "Technical Mastery",
|
||||
description: "Building scalable, secure, and high-performance websites using the latest technologies and best coding practices.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/close-up-of-code-editor-on-a-large-monit-1774289238540-f9d00875.png?_wi=1",
|
||||
imageAlt: "Code on a monitor screen",
|
||||
},
|
||||
id: "2", title: "Robust Web Development", tag: "Technical Mastery", description: "Building scalable, secure, and high-performance websites using the latest technologies and best coding practices.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/close-up-of-code-editor-on-a-large-monit-1774289238540-f9d00875.png?_wi=1", imageAlt: "Code on a monitor screen"},
|
||||
{
|
||||
id: "3",
|
||||
title: "SEO & Digital Strategy",
|
||||
tag: "Visibility & Growth",
|
||||
description: "Optimize your online presence with expert SEO and digital marketing strategies to increase organic traffic and conversions.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/an-abstract-visualization-of-seo-and-dig-1774289238551-d87fafdb.png?_wi=1",
|
||||
imageAlt: "Abstract SEO visualization",
|
||||
},
|
||||
id: "3", title: "SEO & Digital Strategy", tag: "Visibility & Growth", description: "Optimize your online presence with expert SEO and digital marketing strategies to increase organic traffic and conversions.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/an-abstract-visualization-of-seo-and-dig-1774289238551-d87fafdb.png?_wi=1", imageAlt: "Abstract SEO visualization"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Maintenance & Support",
|
||||
tag: "Reliability Assured",
|
||||
description: "Ensure your website runs smoothly 24/7 with our proactive maintenance and dedicated technical support packages.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/conceptual-image-of-website-maintenance--1774289238520-6ccf6989.png?_wi=1",
|
||||
imageAlt: "Website maintenance concept",
|
||||
},
|
||||
id: "4", title: "Maintenance & Support", tag: "Reliability Assured", description: "Ensure your website runs smoothly 24/7 with our proactive maintenance and dedicated technical support packages.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/conceptual-image-of-website-maintenance--1774289238520-6ccf6989.png?_wi=1", imageAlt: "Website maintenance concept"},
|
||||
]}
|
||||
title="Our Core Services"
|
||||
description="We offer a comprehensive suite of web development services tailored to meet your unique business needs and objectives."
|
||||
@@ -163,15 +115,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
logos={[
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/minimalist-logo-for-a-fictional-modern-t-1774289237081-b209ed15.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/abstract-logo-for-a-fictional-fintech-co-1774289238843-e7643dc1.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/clean-bold-logo-for-a-fictional-e-commer-1774289237274-da319823.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/geometric-logo-for-a-fictional-education-1774289237873-d5a93204.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/minimalist-logo-for-a-fictional-health-a-1774289237359-e60e18ef.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/modern-elegant-logo-for-a-fictional-crea-1774289238333-931b1507.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/bold-and-futuristic-logo-for-a-fictional-1774289237582-8c9cc564.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/dynamic-and-clean-logo-for-a-fictional-l-1774289237433-960ee978.png",
|
||||
]}
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/minimalist-logo-for-a-fictional-modern-t-1774289237081-b209ed15.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/abstract-logo-for-a-fictional-fintech-co-1774289238843-e7643dc1.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/clean-bold-logo-for-a-fictional-e-commer-1774289237274-da319823.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/geometric-logo-for-a-fictional-education-1774289237873-d5a93204.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/minimalist-logo-for-a-fictional-health-a-1774289237359-e60e18ef.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/modern-elegant-logo-for-a-fictional-crea-1774289238333-931b1507.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/bold-and-futuristic-logo-for-a-fictional-1774289237582-8c9cc564.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/dynamic-and-clean-logo-for-a-fictional-l-1774289237433-960ee978.png"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Our commitment to excellence has earned the trust of diverse businesses, from innovative startups to established enterprises."
|
||||
names={["TechCorp", "InnovateX", "GrowthGen", "DataFlow", "EcoSol", "FutureLink", "BrightMind", "GlobalConnect"]}
|
||||
@@ -185,35 +129,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Rodriguez",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/professional-headshot-of-a-smiling-femal-1774289237822-a6c1b9cd.png?_wi=2",
|
||||
imageAlt: "Alice Rodriguez, CEO of InnovateCorp",
|
||||
},
|
||||
id: "1", name: "Alice Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/professional-headshot-of-a-smiling-femal-1774289237822-a6c1b9cd.png?_wi=2", imageAlt: "Alice Rodriguez, CEO of InnovateCorp"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ben Carter",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/professional-headshot-of-a-confident-mal-1774289237959-7c48cdca.png?_wi=2",
|
||||
imageAlt: "Ben Carter, CTO of TechSolutions",
|
||||
},
|
||||
id: "2", name: "Ben Carter", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/professional-headshot-of-a-confident-mal-1774289237959-7c48cdca.png?_wi=2", imageAlt: "Ben Carter, CTO of TechSolutions"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Chloe Davies",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/professional-headshot-of-an-energetic-fe-1774289237189-489d3782.png?_wi=2",
|
||||
imageAlt: "Chloe Davies, Marketing Director at GrowthPeak",
|
||||
},
|
||||
id: "3", name: "Chloe Davies", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/professional-headshot-of-an-energetic-fe-1774289237189-489d3782.png?_wi=2", imageAlt: "Chloe Davies, Marketing Director at GrowthPeak"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Daniel Evans",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/professional-headshot-of-a-focused-male--1774289237642-fe810d7c.png?_wi=2",
|
||||
imageAlt: "Daniel Evans, Product Lead at FutureLink",
|
||||
},
|
||||
id: "4", name: "Daniel Evans", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/professional-headshot-of-a-focused-male--1774289237642-fe810d7c.png?_wi=2", imageAlt: "Daniel Evans, Product Lead at FutureLink"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ella Foster",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/professional-headshot-of-a-warm-female-o-1774289237848-a98ebee0.png",
|
||||
imageAlt: "Ella Foster, Operations Manager at Streamline Inc.",
|
||||
},
|
||||
id: "5", name: "Ella Foster", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMBi0hOxCJ3s9Hq08HjCCjUc6W/professional-headshot-of-a-warm-female-o-1774289237848-a98ebee0.png", imageAlt: "Ella Foster, Operations Manager at Streamline Inc."},
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Success Stories"
|
||||
@@ -226,8 +150,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Build Your Next Big Thing?"
|
||||
description="Let's collaborate to create a powerful online presence that drives your business forward. Contact us for a free consultation and personalized quote."
|
||||
@@ -242,46 +165,29 @@ export default function LandingPage() {
|
||||
logoText="Elevion Digital"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Services", href: "/services"},
|
||||
{
|
||||
label: "Clients",
|
||||
href: "#social-proof",
|
||||
},
|
||||
label: "Clients", href: "#social-proof"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "/blog",
|
||||
},
|
||||
label: "Blog", href: "/blog"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/faq",
|
||||
},
|
||||
label: "FAQ", href: "/faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -291,4 +197,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user