Merge version_1 into main #2
255
src/app/page.tsx
255
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "portfolio"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="TL Web Solutions"
|
||||
/>
|
||||
@@ -59,35 +51,21 @@ export default function LandingPage() {
|
||||
description="Custom web design and development for businesses ready to grow online."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Project",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Your Project", href: "#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12010.jpg?_wi=1",
|
||||
imageAlt: "digital tech hero background dark",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12010.jpg", imageAlt: "digital tech hero background dark"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dedicated-businessman-working-late-laptop-dark-office_169016-54965.jpg?_wi=1",
|
||||
imageAlt: "tech laptop desk clean",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dedicated-businessman-working-late-laptop-dark-office_169016-54965.jpg", imageAlt: "tech laptop desk clean"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-communications-background-with-low-poly-plexus-design_1048-13614.jpg?_wi=1",
|
||||
imageAlt: "abstract tech minimalist dark",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-communications-background-with-low-poly-plexus-design_1048-13614.jpg", imageAlt: "abstract tech minimalist dark"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/company-files-coffee-table-accounting-office-close-up_482257-93464.jpg",
|
||||
imageAlt: "web design screen interface",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/company-files-coffee-table-accounting-office-close-up_482257-93464.jpg", imageAlt: "web design screen interface"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/server-racks-storing-ai-datasets-simulation-training-predictive-tasks_482257-124190.jpg",
|
||||
imageAlt: "data server room blue",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/server-racks-storing-ai-datasets-simulation-training-predictive-tasks_482257-124190.jpg", imageAlt: "data server room blue"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-light-with-bokeh-effect_1208-208.jpg",
|
||||
imageAlt: "code editor dark mode",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-light-with-bokeh-effect_1208-208.jpg", imageAlt: "code editor dark mode"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -99,55 +77,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Business Websites",
|
||||
description: "High-performing, fully responsive corporate websites that establish authority and build trust.",
|
||||
icon: Layout,
|
||||
title: "Business Websites", description: "High-performing, fully responsive corporate websites that establish authority and build trust.", icon: Layout,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-graphic-overlay-banner-laptop_53876-120748.jpg",
|
||||
imageAlt: "ui ux portfolio mockup",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-graphic-overlay-banner-laptop_53876-120748.jpg", imageAlt: "ui ux portfolio mockup"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-display-mockup-white-background_9975-134379.jpg",
|
||||
imageAlt: "mobile app design portfolio",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-display-mockup-white-background_9975-134379.jpg", imageAlt: "mobile app design portfolio"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12010.jpg?_wi=2",
|
||||
imageAlt: "ui ux portfolio mockup",
|
||||
},
|
||||
{
|
||||
title: "Portfolio Sites",
|
||||
description: "Stunning visuals and high-fidelity interfaces crafted for creative professionals to showcase their work.",
|
||||
icon: PenTool,
|
||||
title: "Portfolio Sites", description: "Stunning visuals and high-fidelity interfaces crafted for creative professionals to showcase their work.", icon: PenTool,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-setting-up-online-store-uploading-products-laptop_73899-54387.jpg",
|
||||
imageAlt: "e-commerce dashboard mockup",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-setting-up-online-store-uploading-products-laptop_73899-54387.jpg", imageAlt: "e-commerce dashboard mockup"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-day_52683-160828.jpg",
|
||||
imageAlt: "branding agency portfolio project",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-day_52683-160828.jpg", imageAlt: "branding agency portfolio project"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dedicated-businessman-working-late-laptop-dark-office_169016-54965.jpg?_wi=2",
|
||||
imageAlt: "ui ux portfolio mockup",
|
||||
},
|
||||
{
|
||||
title: "Landing Pages",
|
||||
description: "Conversion-optimized landing pages designed to drive leads, sales, and customer engagement.",
|
||||
icon: Rocket,
|
||||
title: "Landing Pages", description: "Conversion-optimized landing pages designed to drive leads, sales, and customer engagement.", icon: Rocket,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg",
|
||||
imageAlt: "web application mockup clean",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg", imageAlt: "web application mockup clean"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/graphic-designer-landing-page-template_23-2150837574.jpg",
|
||||
imageAlt: "landing page project design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/graphic-designer-landing-page-template_23-2150837574.jpg", imageAlt: "landing page project design"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-communications-background-with-low-poly-plexus-design_1048-13614.jpg?_wi=2",
|
||||
imageAlt: "ui ux portfolio mockup",
|
||||
},
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
@@ -173,53 +127,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Corporate Site Revamp",
|
||||
price: "Featured Project",
|
||||
variant: "Web Dev",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-with-papers-notes-office_23-2149749879.jpg",
|
||||
imageAlt: "ui ux portfolio mockup",
|
||||
},
|
||||
id: "1", name: "Corporate Site Revamp", price: "Featured Project", variant: "Web Dev", imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-with-papers-notes-office_23-2149749879.jpg", imageAlt: "ui ux portfolio mockup"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Creative Agency Portfolio",
|
||||
price: "Featured Project",
|
||||
variant: "Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-live-abstract-wallpaper-coming-out-screen_23-2151033640.jpg",
|
||||
imageAlt: "mobile app design portfolio",
|
||||
},
|
||||
id: "2", name: "Creative Agency Portfolio", price: "Featured Project", variant: "Design", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-live-abstract-wallpaper-coming-out-screen_23-2151033640.jpg", imageAlt: "mobile app design portfolio"},
|
||||
{
|
||||
id: "3",
|
||||
name: "E-commerce Hub",
|
||||
price: "Featured Project",
|
||||
variant: "Dev/UI",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-business-user-panel_23-2148367766.jpg",
|
||||
imageAlt: "e-commerce dashboard mockup",
|
||||
},
|
||||
id: "3", name: "E-commerce Hub", price: "Featured Project", variant: "Dev/UI", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-business-user-panel_23-2148367766.jpg", imageAlt: "e-commerce dashboard mockup"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Brand Identity Landing",
|
||||
price: "Featured Project",
|
||||
variant: "Strategy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443518.jpg",
|
||||
imageAlt: "branding agency portfolio project",
|
||||
},
|
||||
id: "4", name: "Brand Identity Landing", price: "Featured Project", variant: "Strategy", imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443518.jpg", imageAlt: "branding agency portfolio project"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mobile Dashboard App",
|
||||
price: "Featured Project",
|
||||
variant: "Mobile",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-screen-protector-mockup_187299-46679.jpg",
|
||||
imageAlt: "web application mockup clean",
|
||||
},
|
||||
id: "5", name: "Mobile Dashboard App", price: "Featured Project", variant: "Mobile", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-screen-protector-mockup_187299-46679.jpg", imageAlt: "web application mockup clean"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Startup Launch Page",
|
||||
price: "Featured Project",
|
||||
variant: "Conversion",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-art-exhibition-event-landing-page-template_23-2149495576.jpg",
|
||||
imageAlt: "landing page project design",
|
||||
},
|
||||
id: "6", name: "Startup Launch Page", price: "Featured Project", variant: "Conversion", imageSrc: "http://img.b2bpic.net/free-vector/flat-art-exhibition-event-landing-page-template_23-2149495576.jpg", imageAlt: "landing page project design"},
|
||||
]}
|
||||
title="Recent Work"
|
||||
description="A collection of our recent web design and development projects."
|
||||
@@ -234,20 +152,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
description: "Websites Built",
|
||||
},
|
||||
id: "m1", value: "100+", description: "Websites Built"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
description: "Uptime Reliability",
|
||||
},
|
||||
id: "m2", value: "99.9%", description: "Uptime Reliability"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "200%",
|
||||
description: "Average Lead Growth",
|
||||
},
|
||||
id: "m3", value: "200%", description: "Average Lead Growth"},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Measurable growth and performance results for every client we partner with."
|
||||
@@ -261,64 +170,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg",
|
||||
imageAlt: "professional portrait dark background",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg", imageAlt: "professional portrait dark background"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Founder",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-chair_23-2149833734.jpg",
|
||||
imageAlt: "professional headshot woman entrepreneur",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Founder", company: "InnovateLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-chair_23-2149833734.jpg", imageAlt: "professional headshot woman entrepreneur"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/angry-manager-looking-disappointed-cross-arms-chest-frowning-displeased-standing-white-b_1258-113881.jpg",
|
||||
imageAlt: "corporate headshot executive dark",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Director", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/angry-manager-looking-disappointed-cross-arms-chest-frowning-displeased-standing-white-b_1258-113881.jpg", imageAlt: "corporate headshot executive dark"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "PM",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-partner-front-recruitment-adult_1262-2859.jpg",
|
||||
imageAlt: "business portrait professional team",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "PM", company: "StartupXYZ", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-partner-front-recruitment-adult_1262-2859.jpg", imageAlt: "business portrait professional team"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Wang",
|
||||
role: "Creative",
|
||||
company: "DesignStudio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328287.jpg",
|
||||
imageAlt: "creative designer headshot studio",
|
||||
},
|
||||
id: "5", name: "Lisa Wang", role: "Creative", company: "DesignStudio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328287.jpg", imageAlt: "creative designer headshot studio"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Avg. Rating",
|
||||
},
|
||||
value: "5.0", label: "Avg. Rating"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
value: "100%", label: "Client Satisfaction"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Support Available",
|
||||
},
|
||||
value: "24/7", label: "Support Available"},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="What our clients say about partnering with TL Web Solutions for their digital presence."
|
||||
@@ -331,20 +204,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is your typical project timeline?",
|
||||
content: "Depending on the complexity, most business websites take 4-8 weeks from discovery to launch.",
|
||||
},
|
||||
id: "f1", title: "What is your typical project timeline?", content: "Depending on the complexity, most business websites take 4-8 weeks from discovery to launch."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you provide website maintenance?",
|
||||
content: "Yes, we offer ongoing maintenance and support packages to ensure your site remains secure and optimized.",
|
||||
},
|
||||
id: "f2", title: "Do you provide website maintenance?", content: "Yes, we offer ongoing maintenance and support packages to ensure your site remains secure and optimized."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How does the pricing work?",
|
||||
content: "We offer custom pricing tailored to your specific needs and feature requirements. Contact us for a quote!",
|
||||
},
|
||||
id: "f3", title: "How does the pricing work?", content: "We offer custom pricing tailored to your specific needs and feature requirements. Contact us for a quote!"},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common questions regarding our design and development process."
|
||||
@@ -356,8 +220,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Contact Us"
|
||||
title="Let's Get Started"
|
||||
description="Ready to take your digital presence to the next level? Contact us today for a free quote or consultation. (484) 684-4830 | truthlemke0@gmail.com"
|
||||
@@ -373,33 +236,21 @@ export default function LandingPage() {
|
||||
logoText="TL Web Solutions"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
label: "Portfolio", href: "#portfolio"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Call: (484) 684-4830",
|
||||
href: "tel:4846844830",
|
||||
},
|
||||
label: "Call: (484) 684-4830", href: "tel:4846844830"},
|
||||
{
|
||||
label: "Email: truthlemke0@gmail.com",
|
||||
href: "mailto:truthlemke0@gmail.com",
|
||||
},
|
||||
label: "Email: truthlemke0@gmail.com", href: "mailto:truthlemke0@gmail.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user