From 28ea781448d1fe5026f6fdea63d0c92c0e4d855d Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 7 Mar 2026 16:18:41 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 312 +++++++++++++++++++---------------------------- 1 file changed, 128 insertions(+), 184 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 86df754..fc704d3 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -11,6 +11,7 @@ import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCar import ContactSplit from "@/components/sections/contact/ContactSplit"; import FooterBaseCard from "@/components/sections/footer/FooterBaseCard"; import { Sparkles, Zap, Quote } from "lucide-react"; +import { useState, useEffect } from "react"; export default function HomePage() { const navItems = [ @@ -24,32 +25,28 @@ export default function HomePage() { const footerColumns = [ { - title: "Company", - items: [ + title: "Company", items: [ { label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Portfolio", href: "/portfolio" }, ], }, { - title: "Products", - items: [ + title: "Products", items: [ { label: "Pricing", href: "/pricing" }, { label: "Website Design", href: "/services" }, { label: "Hosting Plans", href: "/pricing" }, ], }, { - title: "Support", - items: [ + title: "Support", items: [ { label: "Contact Us", href: "/contact" }, { label: "Email Support", href: "mailto:support@forgewebco.com" }, { label: "FAQ", href: "#" }, ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Contact Policy", href: "#" }, @@ -57,6 +54,28 @@ export default function HomePage() { }, ]; + const [currentWebsiteIndex, setCurrentWebsiteIndex] = useState(0); + + const websites = [ + { + name: "Forge Web Co.", url: "forge-web-co.com", color: "from-blue-400 to-blue-600"}, + { + name: "Tech Innovations", url: "tech-innovations.io", color: "from-purple-400 to-purple-600"}, + { + name: "Creative Studio", url: "creative-studio.design", color: "from-pink-400 to-pink-600"}, + { + name: "Digital Solutions", url: "digital-solutions.co", color: "from-green-400 to-green-600"}, + ]; + + useEffect(() => { + const interval = setInterval(() => { + setCurrentWebsiteIndex((prev) => (prev + 1) % websites.length); + }, 3000); + return () => clearInterval(interval); + }, [websites.length]); + + const currentWebsite = websites[currentWebsiteIndex]; + return (
- +
+ + + {/* Smartphone Render with Animated Website Display */} +
+ {/* Glow effect behind smartphone */} +
+ + {/* Smartphone frame */} +
+ {/* Notch */} +
+ + {/* Screen content */} +
+ {/* Website header */} +
+

{currentWebsite.name}

+

{currentWebsite.url}

+
+ + {/* Website content placeholder */} +
+
+
+
+
+ + {/* Website footer button */} +
+

Learn More

+
+
+ + {/* Home indicator */} +
+
+ + {/* Website rotation indicators */} +
+ {websites.map((_, idx) => ( +
+ ))} +
+
+
@@ -142,29 +191,11 @@ export default function HomePage() { useInvertedBackground={false} features={[ { - id: "1", - tag: "Website Design", - title: "Website Design", - description: "Custom multi-page websites designed specifically for your business. Mobile-optimized, fast-loading, and built to turn visitors into customers.", - imageSrc: "http://img.b2bpic.net/free-photo/man-woman-working-from-home-together-desk_23-2149208565.jpg?_wi=1", - imageAlt: "Custom website design service", - }, + id: "1", tag: "Website Design", title: "Website Design", description: "Custom multi-page websites designed specifically for your business. Mobile-optimized, fast-loading, and built to turn visitors into customers.", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-working-from-home-together-desk_23-2149208565.jpg?_wi=1", imageAlt: "Custom website design service"}, { - id: "2", - tag: "Local Search Setup", - title: "Local Search Setup", - description: "Basic SEO structure, Google Business integration, and map placement to help local customers find you online.", - imageSrc: "http://img.b2bpic.net/free-photo/closeup-smartphone-with-gps-application_1098-21636.jpg?_wi=1", - imageAlt: "Local SEO and Google Business setup", - }, + id: "2", tag: "Local Search Setup", title: "Local Search Setup", description: "Basic SEO structure, Google Business integration, and map placement to help local customers find you online.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smartphone-with-gps-application_1098-21636.jpg?_wi=1", imageAlt: "Local SEO and Google Business setup"}, { - id: "3", - tag: "Hosting & Maintenance", - title: "Hosting & Maintenance", - description: "Secure hosting, monitoring, updates, and small content edits. We handle the technical details so you can focus on your business.", - imageSrc: "http://img.b2bpic.net/free-photo/high-tech-location-with-ai-servers_482257-89107.jpg?_wi=1", - imageAlt: "Website hosting and maintenance service", - }, + id: "3", tag: "Hosting & Maintenance", title: "Hosting & Maintenance", description: "Secure hosting, monitoring, updates, and small content edits. We handle the technical details so you can focus on your business.", imageSrc: "http://img.b2bpic.net/free-photo/high-tech-location-with-ai-servers_482257-89107.jpg?_wi=1", imageAlt: "Website hosting and maintenance service"}, ]} />
@@ -178,44 +209,20 @@ export default function HomePage() { useInvertedBackground={false} metrics={[ { - id: "1", - value: "100%", - title: "Mobile Friendly", - items: [ - "Works perfectly on phones and tablets", - "Fast loading speeds", - "Easy to navigate on any device", - ], + id: "1", value: "100%", title: "Mobile Friendly", items: [ + "Works perfectly on phones and tablets", "Fast loading speeds", "Easy to navigate on any device"], }, { - id: "2", - value: "SEO", - title: "Google Search Visibility", - items: [ - "Structured for search engines", - "Local business optimization", - "Higher rankings for local searches", - ], + id: "2", value: "SEO", title: "Google Search Visibility", items: [ + "Structured for search engines", "Local business optimization", "Higher rankings for local searches"], }, { - id: "3", - value: "Lead", - title: "Simple Contact Forms", - items: [ - "Easy for customers to reach you", - "Capture leads automatically", - "Multiple contact options", - ], + id: "3", value: "Lead", title: "Simple Contact Forms", items: [ + "Easy for customers to reach you", "Capture leads automatically", "Multiple contact options"], }, { - id: "4", - value: "Support", - title: "Ongoing Support", - items: [ - "Monthly maintenance included", - "Security updates handled", - "Technical support from the team", - ], + id: "4", value: "Support", title: "Ongoing Support", items: [ + "Monthly maintenance included", "Security updates handled", "Technical support from the team"], }, ]} /> @@ -231,38 +238,11 @@ export default function HomePage() { useInvertedBackground={false} blogs={[ { - id: "1", - category: "Landscaping", - title: "Green Spaces Landscaping", - excerpt: "Multi-page website with service gallery, before/after photo gallery, and lead capture forms. Includes Google Maps integration and mobile optimization.", - imageSrc: "http://img.b2bpic.net/free-vector/environment-landing-page-template_23-2148726310.jpg?_wi=1", - imageAlt: "Green Spaces Landscaping website", - authorName: "Landscaping Services", - authorAvatar: "http://img.b2bpic.net/free-photo/male-firefighter-station-suit-helmet_23-2149206409.jpg", - date: "2024", - }, + id: "1", category: "Landscaping", title: "Green Spaces Landscaping", excerpt: "Multi-page website with service gallery, before/after photo gallery, and lead capture forms. Includes Google Maps integration and mobile optimization.", imageSrc: "http://img.b2bpic.net/free-vector/environment-landing-page-template_23-2148726310.jpg?_wi=1", imageAlt: "Green Spaces Landscaping website", authorName: "Landscaping Services", authorAvatar: "http://img.b2bpic.net/free-photo/male-firefighter-station-suit-helmet_23-2149206409.jpg", date: "2024"}, { - id: "2", - category: "Tree Service", - title: "Timber Tree Care", - excerpt: "Professional website showcasing tree removal, trimming, and emergency services. Features service areas map and customer testimonials section.", - imageSrc: "http://img.b2bpic.net/free-vector/wild-nature-landing-page_23-2148724507.jpg?_wi=1", - imageAlt: "Timber Tree Care website", - authorName: "Tree Service", - authorAvatar: "http://img.b2bpic.net/free-photo/happy-foreman-auto-mechanic-workshop-using-touchpad-looking-camera_637285-9410.jpg", - date: "2024", - }, + id: "2", category: "Tree Service", title: "Timber Tree Care", excerpt: "Professional website showcasing tree removal, trimming, and emergency services. Features service areas map and customer testimonials section.", imageSrc: "http://img.b2bpic.net/free-vector/wild-nature-landing-page_23-2148724507.jpg?_wi=1", imageAlt: "Timber Tree Care website", authorName: "Tree Service", authorAvatar: "http://img.b2bpic.net/free-photo/happy-foreman-auto-mechanic-workshop-using-touchpad-looking-camera_637285-9410.jpg", date: "2024"}, { - id: "3", - category: "Auto Detailing", - title: "Shine Auto Detailing", - excerpt: "E-commerce-ready website with service pricing, appointment booking integration, and photo gallery. Optimized for local searches and mobile customers.", - imageSrc: "http://img.b2bpic.net/free-photo/man-looking-car-car-showroom_1303-14216.jpg?_wi=1", - imageAlt: "Shine Auto Detailing website", - authorName: "Auto Detailing", - authorAvatar: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721579.jpg", - date: "2024", - }, + id: "3", category: "Auto Detailing", title: "Shine Auto Detailing", excerpt: "E-commerce-ready website with service pricing, appointment booking integration, and photo gallery. Optimized for local searches and mobile customers.", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-car-car-showroom_1303-14216.jpg?_wi=1", imageAlt: "Shine Auto Detailing website", authorName: "Auto Detailing", authorAvatar: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721579.jpg", date: "2024"}, ]} />
@@ -279,53 +259,17 @@ export default function HomePage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Mike Johnson", - handle: "Owner, Johnson Landscaping", - testimonial: "Forge Web Co. got us online quickly and affordably. We've seen a real increase in calls from new customers. The monthly maintenance takes a huge weight off my shoulders.", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businessman_23-2149153836.jpg?_wi=1", - imageAlt: "Mike Johnson", - }, + id: "1", name: "Mike Johnson", handle: "Owner, Johnson Landscaping", testimonial: "Forge Web Co. got us online quickly and affordably. We've seen a real increase in calls from new customers. The monthly maintenance takes a huge weight off my shoulders.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businessman_23-2149153836.jpg?_wi=1", imageAlt: "Mike Johnson"}, { - id: "2", - name: "Sarah Chen", - handle: "Owner, Timber Tree Care", - testimonial: "Professional team, straightforward pricing, no technical jargon. They understood what we needed and delivered exactly that. Best investment we made this year.", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-female-employee-standing-with-crossed-arms-looking-confident-wearing-white-shirt-standing-office_141793-21249.jpg", - imageAlt: "Sarah Chen", - }, + id: "2", name: "Sarah Chen", handle: "Owner, Timber Tree Care", testimonial: "Professional team, straightforward pricing, no technical jargon. They understood what we needed and delivered exactly that. Best investment we made this year.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-female-employee-standing-with-crossed-arms-looking-confident-wearing-white-shirt-standing-office_141793-21249.jpg", imageAlt: "Sarah Chen"}, { - id: "3", - name: "David Rodriguez", - handle: "Owner, Rodriguez Contracting", - testimonial: "Our website brings in consistent leads every week. It looks professional without being complicated. Highly recommend for any local service business.", - imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-with-arms-crossed-kitchen_107420-12356.jpg", - imageAlt: "David Rodriguez", - }, + id: "3", name: "David Rodriguez", handle: "Owner, Rodriguez Contracting", testimonial: "Our website brings in consistent leads every week. It looks professional without being complicated. Highly recommend for any local service business.", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-with-arms-crossed-kitchen_107420-12356.jpg", imageAlt: "David Rodriguez"}, { - id: "4", - name: "Jennifer Martinez", - handle: "Owner, Shine Auto Detailing", - testimonial: "The team made the whole process easy. They explained everything in plain language and now I have a website that actually generates business. Very happy.", - imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-sitting-couch-smiling_23-2148095699.jpg", - imageAlt: "Jennifer Martinez", - }, + id: "4", name: "Jennifer Martinez", handle: "Owner, Shine Auto Detailing", testimonial: "The team made the whole process easy. They explained everything in plain language and now I have a website that actually generates business. Very happy.", imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-sitting-couch-smiling_23-2148095699.jpg", imageAlt: "Jennifer Martinez"}, { - id: "5", - name: "Tom Williams", - handle: "Owner, Prairie Farm Services", - testimonial: "Started getting online inquiries immediately after launch. Their support team is responsive and helpful. This is how a service business should get online.", - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-farmer-woman-checking-strawberry-farm_1150-6771.jpg", - imageAlt: "Tom Williams", - }, + id: "5", name: "Tom Williams", handle: "Owner, Prairie Farm Services", testimonial: "Started getting online inquiries immediately after launch. Their support team is responsive and helpful. This is how a service business should get online.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-farmer-woman-checking-strawberry-farm_1150-6771.jpg", imageAlt: "Tom Williams"}, { - id: "6", - name: "Lisa Anderson", - handle: "Owner, Precision Contractors", - testimonial: "Affordable, professional, and results-driven. They didn't oversell us on features we didn't need. This is exactly what a small business needs.", - imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-woman-with-suit_23-2148317351.jpg", - imageAlt: "Lisa Anderson", - }, + id: "6", name: "Lisa Anderson", handle: "Owner, Precision Contractors", testimonial: "Affordable, professional, and results-driven. They didn't oversell us on features we didn't need. This is exactly what a small business needs.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-woman-with-suit_23-2148317351.jpg", imageAlt: "Lisa Anderson"}, ]} speed={40} /> @@ -359,4 +303,4 @@ export default function HomePage() { ); -} \ No newline at end of file +} -- 2.49.1