Merge version_1 into main #1
224
src/app/page.tsx
224
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Award, CheckCircle, Users } from "lucide-react";
|
||||
import { ArrowRight, Award, CheckCircle, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -20,23 +20,24 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Our Work",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Work", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="AgencyCore"
|
||||
/>
|
||||
@@ -45,65 +46,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
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: "Get Started", href: "#contact"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
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/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/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/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/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",
|
||||
},
|
||||
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: "Scalable Infrastructure"},
|
||||
{
|
||||
type: "text",
|
||||
text: "User-Centric Design",
|
||||
},
|
||||
type: "text", text: "User-Centric Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Rapid Deployment",
|
||||
},
|
||||
type: "text", text: "Rapid Deployment"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure API Integration",
|
||||
},
|
||||
type: "text", text: "Secure API Integration"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Agile Development",
|
||||
},
|
||||
type: "text", text: "Agile Development"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -116,17 +92,11 @@ export default function LandingPage() {
|
||||
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: "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: "Robust Engineering", description: "Scalable, secure, and high-performance software development."},
|
||||
{
|
||||
title: "Agile Delivery",
|
||||
description: "Rapid prototyping and iterative development for faster time to market.",
|
||||
},
|
||||
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"
|
||||
@@ -139,28 +109,16 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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"
|
||||
@@ -176,25 +134,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "150+",
|
||||
title: "Projects Completed",
|
||||
description: "Delivered across diverse industries.",
|
||||
icon: CheckCircle,
|
||||
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: "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,
|
||||
id: "3", value: "99%", title: "Client Satisfaction", description: "Maintaining top-tier service standards.", icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Impact by Numbers"
|
||||
@@ -209,23 +155,11 @@ export default function LandingPage() {
|
||||
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: "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: "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",
|
||||
},
|
||||
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."
|
||||
@@ -238,45 +172,15 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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",
|
||||
},
|
||||
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."
|
||||
@@ -288,20 +192,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long does a project take?",
|
||||
content: "Depending on complexity, projects take 4-12 weeks.",
|
||||
},
|
||||
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: "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.",
|
||||
},
|
||||
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"
|
||||
@@ -312,14 +207,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Ready to build your next big idea? Reach out to us."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:hello@agencycore.com",
|
||||
},
|
||||
text: "Contact Us Now", href: "mailto:hello@agencycore.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -328,29 +220,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Work",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Work", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user