Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 1172524390 | |||
| e79b9ed546 | |||
| 4f0939c3fe | |||
| 19977c54d1 | |||
| 069e233f09 | |||
| aa9a113dee |
301
src/app/page.tsx
301
src/app/page.tsx
@@ -2,19 +2,20 @@
|
||||
|
||||
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";
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
|
||||
export default function LandingPage() {
|
||||
const handleEmailCall = () => {
|
||||
window.location.href = "mailto:designercopy5@gmail.com";
|
||||
setTimeout(() => {
|
||||
window.location.href = "tel:0682703840";
|
||||
}, 500);
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
@@ -22,225 +23,87 @@ export default function LandingPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
background="noise"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
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="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="AgencyCore"
|
||||
button={{ text: "Get Started", onClick: handleEmailCall }}
|
||||
/>
|
||||
</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="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
title="Revolutionizing Web Design with AI"
|
||||
description="We build, upgrade, and modernize your digital presence with cutting-edge AI-powered web solutions."
|
||||
tag="Innovative Digital Solutions"
|
||||
rating={5}
|
||||
ratingText="Trusted by 50+ Global Brands"
|
||||
buttons={[{ text: "Get Started", onClick: handleEmailCall }]}
|
||||
background={{ variant: 'glowing-orb' }}
|
||||
mediaItems={[
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1677442136019-21780ecad995?q=80&w=800", imageAlt: "AI Web Design 1" },
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1675557010259-f6b86be2e402?q=80&w=800", imageAlt: "AI Web Design 2" }
|
||||
]}
|
||||
/>
|
||||
</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="services" data-section="services">
|
||||
<FeatureCardTwentySeven
|
||||
title="Our Core Services"
|
||||
description="Comprehensive web solutions tailored for the modern era."
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Website Design", descriptions: ["Custom, high-conversion designs built from scratch."],
|
||||
imageSrc: "https://images.unsplash.com/photo-1547658719-da2b51169165?q=80&w=400"
|
||||
},
|
||||
{
|
||||
id: "2", title: "Landing Page Creation", descriptions: ["High-impact landing pages optimized for performance and lead generation."],
|
||||
imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?q=80&w=400"
|
||||
},
|
||||
{
|
||||
id: "3", title: "Website Upgrades", descriptions: ["Modernizing legacy platforms with the latest AI tools and UI/UX standards."],
|
||||
imageSrc: "https://images.unsplash.com/photo-1518770660439-4636190af475?q=80&w=400"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</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="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Let's Build Your Future"
|
||||
description="Ready to transform your digital strategy? Get in touch today."
|
||||
useInvertedBackground={false}
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" }
|
||||
]}
|
||||
buttonText="Submit Inquiry"
|
||||
/>
|
||||
</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="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="AgencyCore"
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Web Design", href: "#services" }, { label: "Upgrades", href: "#services" }] },
|
||||
{ title: "Contact", items: [{ label: "Email Us", href: "mailto:designercopy5@gmail.com" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f7f6f7;
|
||||
--card: #ffffff;
|
||||
--foreground: #25190c;
|
||||
--primary-cta: #ff6207;
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #ffffffe6;
|
||||
--primary-cta: #e6e6e6;
|
||||
--primary-cta-text: #f7f6f7;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #25190c;
|
||||
--accent: #ffce93;
|
||||
--background-accent: #e8cfa8;
|
||||
--accent: #737373;
|
||||
--background-accent: #737373;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user