9 Commits

Author SHA1 Message Date
31c0e7fc74 Merge version_3 into main
Merge version_3 into main
2026-03-05 06:51:39 +00:00
e2401ff8fc Update src/app/page.tsx 2026-03-05 06:51:35 +00:00
f5359b0dc8 Merge version_2 into main
Merge version_2 into main
2026-03-05 06:50:08 +00:00
26cc5d53fc Update src/app/page.tsx 2026-03-05 06:50:04 +00:00
fa89076fc5 Merge version_2 into main
Merge version_2 into main
2026-03-05 06:49:23 +00:00
848e9a3cb4 Update src/app/styles/variables.css 2026-03-05 06:49:19 +00:00
1b6147e0fb Update src/app/page.tsx 2026-03-05 06:49:18 +00:00
30a9bf0c1b Update src/app/layout.tsx 2026-03-05 06:49:18 +00:00
61487788eb Merge version_1 into main
Merge version_1 into main
2026-03-05 06:46:32 +00:00
3 changed files with 160 additions and 130 deletions

View File

@@ -1,32 +1,21 @@
import type { Metadata } from "next";
import { Libre_Baskerville } from "next/font/google";
import { Inter } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const libreBaskerville = Libre_Baskerville({
variable: "--font-libre-baskerville", subsets: ["latin"],
weight: ["400", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Webild - Transform Your Digital Presence", description: "Create stunning web experiences with Webild. Modern design, advanced analytics, and enterprise security for businesses of all sizes.", keywords: "web design, digital transformation, analytics, automation, enterprise solutions", metadataBase: new URL("https://webild.io"),
title: "H Town Muscle Gym - Build Strength Transform Your Body", description: "Join H Town Muscle Gym for professional fitness training. Strength equipment, cardio machines, personal training, and nutrition guidance. Local gym near you.", keywords: "gym near me, fitness gym, strength training, personal training, muscle building, cardio, weightlifting, fitness center", metadataBase: new URL("https://htownmusclegym.local"),
alternates: {
canonical: "https://webild.io"},
canonical: "https://htownmusclegym.local"},
openGraph: {
title: "Webild - Transform Your Digital Presence", description: "Create stunning web experiences with advanced features and enterprise security", url: "https://webild.io", siteName: "Webild", type: "website", images: [
{
url: "http://img.b2bpic.net/free-psd/dynamic-technology-concept-landing-page_23-2150294640.jpg", alt: "Webild Landing Page"},
],
},
title: "H Town Muscle Gym - Build Strength Transform Your Body", description: "Premium fitness facility with professional training and equipment", url: "https://htownmusclegym.local", siteName: "H Town Muscle Gym", type: "website"},
twitter: {
card: "summary_large_image", title: "Webild - Transform Your Digital Presence", description: "Modern web design and digital solutions for growing businesses", images: ["http://img.b2bpic.net/free-psd/dynamic-technology-concept-landing-page_23-2150294640.jpg"],
},
card: "summary_large_image", title: "H Town Muscle Gym - Build Strength Transform Your Body", description: "Join H Town Muscle Gym for professional fitness training"},
robots: {
index: true,
follow: true,
@@ -41,9 +30,7 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${libreBaskerville.variable} ${inter.variable} antialiased`}
>
<body className={`${inter.variable} antialiased`}>
<Tag />
{children}

View File

@@ -1,12 +1,13 @@
"use client";
import { Award, Globe, Sparkles, TrendingUp, Users, Zap } from "lucide-react";
import { Dumbbell, Heart, MessageCircle, MapPin, Phone, Mail, Facebook, Instagram, Clock, Users, Zap, Trophy } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
import AboutMetric from "@/components/sections/about/AboutMetric";
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
import TeamCardSix from "@/components/sections/team/TeamCardSix";
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
import ContactText from "@/components/sections/contact/ContactText";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
@@ -14,196 +15,238 @@ import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="compact"
sizing="mediumLargeSizeLargeTitles"
background="fluid"
cardStyle="outline"
primaryButtonStyle="flat"
secondaryButtonStyle="glass"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="largeSizeMediumTitles"
background="none"
cardStyle="solid"
primaryButtonStyle="gradient"
secondaryButtonStyle="solid"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Webild"
brandName="H Town Muscle Gym"
navItems={[
{ name: "Home", id: "hero" },
{ name: "Home", id: "/" },
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Membership", id: "pricing" },
{ name: "Facilities", id: "facilities" },
{ name: "Contact", id: "contact" },
]}
button={{ text: "Get Started", href: "contact" }}
button={{ text: "Join Now", href: "pricing" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
title="Welcome to Your Digital Future"
description="Create stunning, responsive web experiences that engage and inspire. Discover the power of modern design combined with timeless elegance."
background={{ variant: "sparkles-gradient" }}
tag="New Innovation"
tagIcon={Sparkles}
title="Build Strength Transform Your Body"
description="Join H Town Muscle Gym and achieve your fitness goals with state-of-the-art equipment, expert personal trainers, and a supportive community dedicated to your success."
background={{ variant: "radial-gradient" }}
tag="Premium Fitness"
tagIcon={Dumbbell}
buttons={[
{ text: "Explore Now", href: "features" },
{ text: "Learn More", href: "about" },
{ text: "Join Now", href: "pricing" },
{ text: "View Membership Plans", href: "pricing" },
]}
imageSrc="http://img.b2bpic.net/free-psd/dynamic-technology-concept-landing-page_23-2150294640.jpg"
imageAlt="Hero banner showcasing modern design"
imageSrc="https://images.unsplash.com/photo-1534438327276-14e5300c3a48?w=1200&h=600&fit=crop"
imageAlt="State-of-the-art gym equipment and facilities"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg", alt: "User 1"},
src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop", alt: "Member 1"},
{
src: "http://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg", alt: "User 2"},
src: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=100&h=100&fit=crop", alt: "Member 2"},
{
src: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg", alt: "User 3"},
src: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=100&h=100&fit=crop", alt: "Member 3"},
]}
avatarText="Trusted by 5,000+ satisfied customers"
avatarText="Join 500+ Active Members"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
title="At Webild, we transform your vision into digital reality through innovation and expertise"
title="Why Choose H Town Muscle Gym"
metrics={[
{ icon: TrendingUp, label: "Projects Completed", value: "500+" },
{ icon: Users, label: "Active Users", value: "50K+" },
{ icon: Award, label: "Industry Awards", value: "25+" },
{ icon: Globe, label: "Global Reach", value: "45+" },
{ icon: Trophy, label: "Years of Excellence", value: "15+" },
{ icon: Users, label: "Active Members", value: "500+" },
{ icon: Dumbbell, label: "Premium Equipment", value: "200+" },
{ icon: Heart, label: "Success Stories", value: "1000+" },
]}
metricsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="features" data-section="features">
<FeatureCardThree
title="Our Features"
description="Discover what sets us apart and why leading brands choose us for their digital transformation"
tag="Capabilities"
<div id="pricing" data-section="pricing">
<PricingCardNine
title="Membership Plans"
description="Choose the perfect membership plan that fits your fitness goals and budget"
tag="Flexible Options"
tagIcon={Zap}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "biannual", title: "6-Month", price: "$239", period: "/6 months", imageSrc: "https://images.unsplash.com/photo-1517836357463-d25ddfcbf042?w=400&h=300&fit=crop", imageAlt: "6-month membership option", button: { text: "Join Now", href: "contact" },
features: [
"All 3-month benefits", "Monthly fitness assessment", "4 Personal training sessions", "Guest passes (2/month)"],
},
{
id: "monthly", title: "Monthly", price: "$49", period: "/month", imageSrc: "https://images.unsplash.com/photo-1549576474-5c3a9b6f8a01?w=400&h=300&fit=crop", imageAlt: "Monthly membership option", button: { text: "Join Now", href: "contact" },
features: [
"Access to all gym equipment", "Locker room access", "Flexible cancellation", "Community support"],
},
{
id: "quarterly", title: "3-Month", price: "$129", period: "/3 months", imageSrc: "https://images.unsplash.com/photo-1534438327276-14e5300c3a48?w=400&h=300&fit=crop", imageAlt: "3-month membership option", button: { text: "Join Now", href: "contact" },
features: [
"All monthly benefits", "2 Personal training sessions", "Nutrition consultation", "Priority class booking"],
},
{
id: "annual", title: "Annual", price: "$449", period: "/year", imageSrc: "https://images.unsplash.com/photo-1540497905566-8abeef1e2c3b?w=400&h=300&fit=crop", imageAlt: "Annual membership option", button: { text: "Join Now", href: "contact" },
features: [
"All benefits included", "12 Personal training sessions", "Monthly nutrition guidance", "Unlimited guest passes", "15% merchandise discount"],
},
]}
/>
</div>
<div id="facilities" data-section="facilities">
<FeatureCardThree
title="World-Class Facilities"
description="Experience premium fitness with state-of-the-art equipment and expert support"
tag="Complete Solutions"
tagIcon={Trophy}
features={[
{
id: "01", title: "Advanced Analytics", description: "Gain deep insights into your business performance with real-time data visualization and comprehensive reports", imageSrc: "http://img.b2bpic.net/free-photo/woman-touching-power-button-virtual-screen-smart-home-technology_53876-104196.jpg", imageAlt: "Advanced Analytics Feature"},
id: "strength", title: "Strength Training Equipment", description: "Premium dumbbells, barbells, and machines for complete strength conditioning", imageSrc: "https://images.unsplash.com/photo-1534438327276-14e5300c3a48?w=600&h=400&fit=crop", imageAlt: "Strength training equipment"},
{
id: "02", title: "Smart Automation", description: "Streamline your workflows and save time with intelligent automation that adapts to your business needs", imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg", imageAlt: "Smart Automation Feature"},
id: "cardio", title: "Cardio Machines", description: "Latest treadmills, ellipticals, rowing machines, and stationary bikes", imageSrc: "https://images.unsplash.com/photo-1517836357463-d25ddfcbf042?w=600&h=400&fit=crop", imageAlt: "Cardio equipment area"},
{
id: "03", title: "24/7 Support", description: "Get help whenever you need it with our dedicated support team available round the clock", imageSrc: "http://img.b2bpic.net/free-photo/sales-assistant-being-employed-customer-care-support-job-working-telemarketing-call-center-helpdesk-female-receptionist-with-helpline-service-helping-clients-remote-communication_482257-43021.jpg", imageAlt: "24/7 Support Feature"},
id: "freeweights", title: "Free Weights Area", description: "Extensive collection of dumbbells and barbells with dedicated lifting platform", imageSrc: "https://images.unsplash.com/photo-1549576474-5c3a9b6f8a01?w=600&h=400&fit=crop", imageAlt: "Free weights area"},
{
id: "04", title: "Enterprise Security", description: "Protect your data with military-grade encryption and compliance with industry standards", imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-concept-m_23-2150041842.jpg", imageAlt: "Enterprise Security Feature"},
id: "training", title: "Personal Training", description: "Expert certified trainers providing customized fitness programs and coaching", imageSrc: "https://images.unsplash.com/photo-1539624287572-54585ab2458b?w=600&h=400&fit=crop", imageAlt: "Personal training session"},
{
id: "lockers", title: "Locker Rooms", description: "Clean, secure locker rooms with showers and premium amenities", imageSrc: "https://images.unsplash.com/photo-1584633479230-5de9e2d96e22?w=600&h=400&fit=crop", imageAlt: "Modern locker room facilities"},
{
id: "nutrition", title: "Nutrition Guidance", description: "Professional nutrition consultations to complement your fitness journey", imageSrc: "https://images.unsplash.com/photo-1567521464027-f127ff144326?w=600&h=400&fit=crop", imageAlt: "Healthy nutrition guidance"},
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttons={[{ text: "Schedule Tour", href: "contact" }]}
/>
</div>
<div id="gallery" data-section="gallery">
<TeamCardSix
title="Member Transformations"
description="See the amazing transformations from our dedicated members"
tag="Success Stories"
tagIcon={Heart}
members={[
{
id: "1", name: "John Martinez", role: "Lost 45 lbs • Gained Confidence", imageSrc: "https://images.unsplash.com/photo-1534438327276-14e5300c3a48?w=400&h=500&fit=crop", imageAlt: "John's transformation"},
{
id: "2", name: "Sarah Johnson", role: "Built Muscle • Enhanced Strength", imageSrc: "https://images.unsplash.com/photo-1539624287572-54585ab2458b?w=400&h=500&fit=crop", imageAlt: "Sarah's transformation"},
{
id: "3", name: "Mike Thompson", role: "Powerlifter • Competition Ready", imageSrc: "https://images.unsplash.com/photo-1506126613408-eca07ce68773?w=400&h=500&fit=crop", imageAlt: "Mike's transformation"},
{
id: "4", name: "Emma Davis", role: "Fitness Journey • 6-Month Progress", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=500&fit=crop", imageAlt: "Emma's transformation"},
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
buttons={[{ text: "View All Features", href: "#" }]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
title="Why Choose Webild"
description="Industry-leading solutions backed by proven results and customer success stories"
metrics={[
{
id: "1", value: "99.9%", title: "Uptime Guarantee", items: ["24/7 monitoring", "Automatic failover", "SLA backed"],
},
{
id: "2", value: "10x", title: "Faster Performance", items: ["Optimized infrastructure", "CDN globally distributed", "Instant loading"],
},
{
id: "3", value: "100%", title: "Data Privacy", items: ["GDPR compliant", "End-to-end encryption", "Regular audits"],
},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
title="What Our Customers Say"
description="Real feedback from businesses that transformed their operations with our platform"
tag="Testimonials"
title="What Our Members Say"
description="Real feedback from dedicated fitness enthusiasts"
tag="Member Reviews"
testimonials={[
{
id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp Inc", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg?_wi=1", imageAlt: "Sarah Johnson"},
id: "1", name: "Alex Rodriguez", role: "Fitness Enthusiast", company: "Gym Member", rating: 5,
imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=400&h=300&fit=crop&_wi=1", imageAlt: "Alex Rodriguez"},
{
id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg", imageAlt: "Michael Chen"},
id: "2", name: "Jessica Lee", role: "Professional Athlete", company: "Gym Member", rating: 5,
imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=300&fit=crop&_wi=1", imageAlt: "Jessica Lee"},
{
id: "3", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthCo", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg", imageAlt: "Emily Rodriguez"},
id: "3", name: "David Chen", role: "Corporate Executive", company: "Gym Member", rating: 5,
imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=300&fit=crop", imageAlt: "David Chen"},
{
id: "4", name: "David Kim", role: "Product Manager", company: "StartupXYZ", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3796.jpg", imageAlt: "David Kim"},
id: "4", name: "Maria Santos", role: "Fitness Coach", company: "Gym Member", rating: 5,
imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=300&fit=crop", imageAlt: "Maria Santos"},
{
id: "5", name: "Jessica White", role: "Founder", company: "DigitalVision", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg", imageAlt: "Jessica White"},
id: "5", name: "James Wilson", role: "Bodybuilder", company: "Gym Member", rating: 5,
imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=400&h=300&fit=crop&_wi=2", imageAlt: "James Wilson"},
{
id: "6", name: "Robert Martinez", role: "Executive", company: "Enterprise Solutions", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg?_wi=2", imageAlt: "Robert Martinez"},
id: "6", name: "Lisa Anderson", role: "Marathon Runner", company: "Gym Member", rating: 5,
imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=300&fit=crop&_wi=2", imageAlt: "Lisa Anderson"},
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
useInvertedBackground={false}
carouselMode="buttons"
/>
</div>
<div id="contact" data-section="contact">
<div id="cta" data-section="cta">
<ContactText
text="Ready to transform your business? Get in touch with our team today and discover how we can help you achieve your goals."
text="Start Your Fitness Journey Today"
animationType="entrance-slide"
background={{ variant: "plain" }}
background={{ variant: "radial-gradient" }}
buttons={[
{ text: "Contact Us", href: "#" },
{ text: "Schedule Demo", href: "#" },
{ text: "Join Membership", href: "pricing" },
{ text: "Contact Us", href: "contact" },
{ text: "Call Now", href: "tel:+17135551234" },
]}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<div id="contact" data-section="contact">
<FooterBaseCard
logoText="Webild"
copyrightText="© 2025 Webild. All rights reserved."
logoText="H Town Muscle Gym"
copyrightText="© 2025 H Town Muscle Gym. All rights reserved. | Local Gym Excellence"
columns={[
{
title: "Product", items: [
{ label: "Features", href: "#features" },
{ label: "Pricing", href: "#" },
{ label: "Security", href: "#" },
{ label: "Enterprise", href: "#" },
title: "Contact Info", items: [
{ label: "📍 123 Fitness Ave, Houston, TX", href: "https://maps.google.com" },
{ label: "📞 +1 (713) 555-1234", href: "tel:+17135551234" },
{ label: "💬 WhatsApp: +1 (713) 555-1234", href: "https://wa.me/17135551234" },
{ label: "✉️ info@htownmuscle.com", href: "mailto:info@htownmuscle.com" },
],
},
{
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" },
{ label: "Press", href: "#" },
title: "Hours", items: [
{ label: "Monday - Friday: 5am - 10pm", href: "#" },
{ label: "Saturday: 6am - 9pm", href: "#" },
{ label: "Sunday: 8am - 6pm", href: "#" },
{ label: "Closed on major holidays", href: "#" },
],
},
{
title: "Resources", items: [
{ label: "Documentation", href: "#" },
{ label: "API Reference", href: "#" },
{ label: "Community", href: "#" },
{ label: "Support", href: "#contact" },
title: "Membership", items: [
{ label: "Join Now", href: "pricing" },
{ label: "Membership Plans", href: "pricing" },
{ label: "Personal Training", href: "#" },
{ label: "Schedule Tour", href: "#" },
],
},
{
title: "Legal", items: [
title: "Follow Us", items: [
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Instagram", href: "https://instagram.com" },
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
{ label: "Compliance", href: "#" },
],
},
]}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #fcf6ec;
--card: #f3ede2;
--foreground: #2e2521;
--primary-cta: #2e2521;
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #ffffff;
--primary-cta: #dc2626;
--primary-cta-text: #fcf6ec;
--secondary-cta: #ffffff;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #2e2521;
--accent: #b2a28b;
--background-accent: #b2a28b;
--accent: #ff4444;
--background-accent: #2d2d2d;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);