Compare commits
9 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| f45b06bdd8 | |||
| e7b13ba7b0 | |||
| 1172524390 | |||
| eab49f889d | |||
| e79b9ed546 | |||
| 4f0939c3fe | |||
| 19977c54d1 | |||
| 069e233f09 | |||
| aa9a113dee |
296
src/app/page.tsx
296
src/app/page.tsx
@@ -2,19 +2,17 @@
|
||||
|
||||
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 handleContact = () => {
|
||||
window.location.href = "mailto:designercopy5@gmail.com";
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
@@ -22,224 +20,86 @@ 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="Copy Designers"
|
||||
button={{ text: "Get Started", onClick: handleContact }}
|
||||
/>
|
||||
</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="Copy Designers builds, upgrades, and modernizes your digital presence with cutting-edge AI-powered solutions."
|
||||
tag="Innovative AI-Driven Digital Solutions"
|
||||
rating={5}
|
||||
ratingText="Trusted by Modern Digital Brands"
|
||||
buttons={[{ text: "Get Started", onClick: handleContact }]}
|
||||
background={{ variant: 'glowing-orb' }}
|
||||
mediaItems={[
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1696258686454-60082b2c3c52?q=80&w=800", imageAlt: "AI Web Design Aesthetic" },
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1677442136019-21780ecad995?q=80&w=800", imageAlt: "Modern AI Interface" }
|
||||
]}
|
||||
/>
|
||||
</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 Designing", descriptions: ["Custom, high-conversion designs built from scratch with AI precision."],
|
||||
imageSrc: "https://images.unsplash.com/photo-1547658719-da2b51169165?q=80&w=400"
|
||||
},
|
||||
{
|
||||
id: "2", title: "Landing Pages", 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: "Upgrading Websites", 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? Contact us at 0682703840 or email us at designercopy5@gmail.com."
|
||||
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="Copy Designers"
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Web Design", href: "#services" }, { label: "Upgrades", href: "#services" }] },
|
||||
{ title: "Contact", items: [{ label: "Email Us", href: "mailto:designercopy5@gmail.com" }, { label: "Call Us", href: "tel:0682703840" }] }
|
||||
]}
|
||||
/>
|
||||
</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