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 */}
+
+
+
+ {/* 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
+}