Merge version_2 into main #2
229
src/app/page.tsx
229
src/app/page.tsx
@@ -2,17 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { ArrowRight, Award, CheckCircle, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,218 +19,13 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Our Work", id: "about"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="AgencyCore"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
title="We build digital experiences that matter."
|
||||
description="Log in to your account and start your journey with us. From concept to deployment, we deliver high-quality, professional digital products."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started", href: "#contact"},
|
||||
{
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-messy-office-workspace-with-laptop_23-2150282016.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop_23-2149636249.jpg", alt: "Elegant and cozy office with laptop"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994395.jpg", alt: "Still life of device on table"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-working-as-interior-designer_23-2150346511.jpg", alt: "Front view woman working as interior designer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/table-lamp-laptop-yellow-paper-plane-cork-board-against-white-background_23-2147873583.jpg", alt: "Table lamp, laptop and yellow paper plane on cork board against white background"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/graphic-designer-showing-picture-his-colleagues-camera_1170-2970.jpg", alt: "Graphic designer showing picture to his colleagues in camera"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Scalable Infrastructure"},
|
||||
{
|
||||
type: "text", text: "User-Centric Design"},
|
||||
{
|
||||
type: "text", text: "Rapid Deployment"},
|
||||
{
|
||||
type: "text", text: "Secure API Integration"},
|
||||
{
|
||||
type: "text", text: "Agile Development"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Crafting digital excellence since 2015"
|
||||
description="We are a team of designers and engineers committed to creating intuitive user experiences and robust software solutions. Your vision combined with our expertise results in digital products that delight users and drive growth."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Human-Centric Design", description: "We design with the end user in mind for every interface."},
|
||||
{
|
||||
title: "Robust Engineering", description: "Scalable, secure, and high-performance software development."},
|
||||
{
|
||||
title: "Agile Delivery", description: "Rapid prototyping and iterative development for faster time to market."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-women-one-man-colleagues-pose-coworking-space-discuss-ideas-future-engineering-project-have-puzzled-expressions-cooperate-information-common-task-teambuilding-partnership_273609-50328.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "UI/UX Design", description: "Creating visually stunning and highly functional digital interfaces.", imageSrc: "http://img.b2bpic.net/free-vector/business-elements-design_1209-61.jpg", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Product Strategy", description: "Defining the roadmap and features to meet your market needs.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-working-desk_23-2149930935.jpg", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Brand Identity", description: "Building strong, recognizable brands that resonate with audiences.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-abstract-design-elements-arrangement_23-2148996799.jpg", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Cloud Engineering", description: "Reliable and scalable backend infrastructure for modern apps.", imageSrc: "http://img.b2bpic.net/free-vector/network-security-icons-set_98292-1347.jpg", buttonIcon: ArrowRight,
|
||||
},
|
||||
]}
|
||||
title="Our Core Services"
|
||||
description="We provide end-to-end digital services to help your business scale."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "150+", title: "Projects Completed", description: "Delivered across diverse industries.", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "2", value: "40+", title: "Active Clients", description: "Trusted by teams worldwide.", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "3", value: "99%", title: "Client Satisfaction", description: "Maintaining top-tier service standards.", icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Impact by Numbers"
|
||||
description="Results that speak for themselves."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "1", name: "Jane Doe", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg"},
|
||||
{
|
||||
id: "2", name: "John Smith", role: "Lead Engineer", imageSrc: "http://img.b2bpic.net/free-photo/outdoors-business-man-listening-happy-music_23-2148763857.jpg"},
|
||||
{
|
||||
id: "3", name: "Emily Chen", role: "Product Manager", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020770.jpg"},
|
||||
]}
|
||||
title="Meet the Team"
|
||||
description="Passion-driven professionals building the future."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "Game Changer", quote: "The team transformed our digital presence completely.", name: "Alice Johnson", role: "Founder, StartupA", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-with-smile-happy-face_141793-111811.jpg"},
|
||||
{
|
||||
id: "2", title: "Highly Professional", quote: "Exceptional communication and high quality code.", name: "Mark Stevens", role: "CTO, TechB", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg"},
|
||||
{
|
||||
id: "3", title: "Innovative Approach", quote: "They think beyond the obvious to build real impact.", name: "Sarah Miller", role: "CEO, GrowC", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg"},
|
||||
{
|
||||
id: "4", title: "Reliable Partner", quote: "Always hit deadlines and exceeded quality targets.", name: "David Brown", role: "PM, DataD", imageSrc: "http://img.b2bpic.net/free-photo/male-business-executive-using-mobile-phone_1170-840.jpg"},
|
||||
{
|
||||
id: "5", title: "Beautiful Results", quote: "The design work was truly top-notch and elegant.", name: "Claire Evans", role: "Founder, DesignE", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by forward-thinking companies."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How long does a project take?", content: "Depending on complexity, projects take 4-12 weeks."},
|
||||
{
|
||||
id: "2", title: "Do you work with startups?", content: "Yes, we specialize in helping early-stage ventures build."},
|
||||
{
|
||||
id: "3", title: "What is the onboarding process?", content: "We begin with a discovery phase to align on goals."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
text="Ready to build your next big idea? Reach out to us."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now", href: "mailto:hello@agencycore.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Work", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 AgencyCore"
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[]}
|
||||
brandName="AgencyCore"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user