Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| d2fd12d48d | |||
| 339033bd6d | |||
| 43af467f96 | |||
| 873d4c5668 |
108
src/app/page.tsx
108
src/app/page.tsx
@@ -11,6 +11,7 @@ import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCar
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import { Zap, Flame, Camera, CreditCard, Star, Award, Users, Dumbbell, Heart, MessageSquare, Sparkles } from "lucide-react";
|
||||
import { useState } from "react";
|
||||
|
||||
const assetMap: Record<string, string> = {
|
||||
"hero-gym-banner": "http://img.b2bpic.net/free-photo/sports-equipment-dumbbells-gym_169016-59099.jpg", "gym-interior": "http://img.b2bpic.net/free-photo/low-angle-view-young-sportsmen-cycling-exercise-bikes-while-working-out-gym_637285-2532.jpg", "trainer-madhan": "http://img.b2bpic.net/free-photo/indian-man-doing-excercisses-special-equipment-gym-with-personal-trainer_1157-51767.jpg", "weight-loss-training": "http://img.b2bpic.net/free-photo/fat-woman-dieting-fitness-portrait-obese-woman-working-out-gym_1157-48530.jpg", "muscle-building": "http://img.b2bpic.net/free-photo/training-cross-fit-gym_169016-1992.jpg", "personal-training": "http://img.b2bpic.net/free-photo/indian-man-doing-excercisses-special-equipment-gym-with-personal-trainer_1157-51767.jpg", "diet-guidance": "http://img.b2bpic.net/free-photo/veggie-lettering-notebook-surrounded-by-veggie-food_23-2148305836.jpg", "gym-equipment-1": "http://img.b2bpic.net/free-photo/black-dumbbells-with-different-weight_7502-8973.jpg", "gym-equipment-2": "http://img.b2bpic.net/free-photo/male-feet-sneakers-running-treadmill-gym-exercise-concept_335224-798.jpg", "transformation-before-after": "http://img.b2bpic.net/free-photo/people-working-out-indoors-together-with-jump-rope_23-2149175362.jpg", "testimonial-1": "http://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg", "testimonial-2": "http://img.b2bpic.net/free-photo/cheerful-young-sports-woman-with-arms-crossed_171337-8914.jpg", "testimonial-3": "http://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg", "testimonial-4": "http://img.b2bpic.net/free-photo/portrait-smiling-young-sportswoman_171337-10026.jpg"};
|
||||
@@ -20,6 +21,21 @@ function getAssetUrl(assetId: string): string {
|
||||
}
|
||||
|
||||
export default function FitnessEmpire() {
|
||||
const [formData, setFormData] = useState({
|
||||
name: "", phone: "", email: "", message: ""
|
||||
});
|
||||
|
||||
const handleFormChange = (field: string, value: string) => {
|
||||
setFormData(prev => ({
|
||||
...prev,
|
||||
[field]: value
|
||||
}));
|
||||
};
|
||||
|
||||
const handleFormSubmit = (email: string) => {
|
||||
console.log("Form submitted:", { ...formData, email });
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
@@ -218,21 +234,83 @@ export default function FitnessEmpire() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Get In Touch"
|
||||
tagIcon={MessageSquare}
|
||||
tagAnimation="slide-up"
|
||||
title="Visit Fitness Empire Today"
|
||||
description="Located at No 158/8, By-Pass Road, Periyakuppam, Thiruvallur. Contact us for gym tours, membership queries, or any fitness questions. Join our community of 250+ successful members transforming their lives."
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Enter your name"
|
||||
buttonText="Connect via WhatsApp"
|
||||
termsText="By clicking Connect, you agree to be contacted about our fitness programs and special offers."
|
||||
mediaPosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
containerClassName="py-16 md:py-24"
|
||||
/>
|
||||
<div className="max-w-4xl mx-auto px-4 md:px-8 py-16 md:py-24">
|
||||
<div className="mb-12 text-center">
|
||||
<div className="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-orange-500 bg-opacity-20 mb-6">
|
||||
<MessageSquare size={16} className="text-orange-500" />
|
||||
<span className="text-sm font-medium text-orange-500">Get In Touch</span>
|
||||
</div>
|
||||
<h2 className="text-4xl md:text-5xl font-bold mb-4">Visit Fitness Empire Today</h2>
|
||||
<p className="text-lg text-gray-400 mb-8">Located at No 158/8, By-Pass Road, Periyakuppam, Thiruvallur. Contact us for gym tours, membership queries, or any fitness questions. Join our community of 250+ successful members transforming their lives.</p>
|
||||
</div>
|
||||
|
||||
<div className="bg-gradient-to-br from-orange-500 to-red-600 rounded-2xl p-8 md:p-12">
|
||||
<form className="space-y-6">
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-white mb-2">Full Name *</label>
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Enter your full name"
|
||||
value={formData.name}
|
||||
onChange={(e) => handleFormChange("name", e.target.value)}
|
||||
className="w-full px-4 py-3 rounded-lg bg-white bg-opacity-20 border border-white border-opacity-30 text-white placeholder-white placeholder-opacity-50 focus:outline-none focus:ring-2 focus:ring-white focus:border-transparent"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-white mb-2">Phone Number *</label>
|
||||
<input
|
||||
type="tel"
|
||||
placeholder="Enter your phone number"
|
||||
value={formData.phone}
|
||||
onChange={(e) => handleFormChange("phone", e.target.value)}
|
||||
className="w-full px-4 py-3 rounded-lg bg-white bg-opacity-20 border border-white border-opacity-30 text-white placeholder-white placeholder-opacity-50 focus:outline-none focus:ring-2 focus:ring-white focus:border-transparent"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-white mb-2">Email Address *</label>
|
||||
<input
|
||||
type="email"
|
||||
placeholder="Enter your email address"
|
||||
value={formData.email}
|
||||
onChange={(e) => handleFormChange("email", e.target.value)}
|
||||
className="w-full px-4 py-3 rounded-lg bg-white bg-opacity-20 border border-white border-opacity-30 text-white placeholder-white placeholder-opacity-50 focus:outline-none focus:ring-2 focus:ring-white focus:border-transparent"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-white mb-2">Message</label>
|
||||
<textarea
|
||||
value={formData.message}
|
||||
onChange={(e) => handleFormChange("message", e.target.value)}
|
||||
placeholder="Tell us about your fitness goals..."
|
||||
rows={5}
|
||||
className="w-full px-4 py-3 rounded-lg bg-white bg-opacity-20 border border-white border-opacity-30 text-white placeholder-white placeholder-opacity-50 focus:outline-none focus:ring-2 focus:ring-white focus:border-transparent"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="flex items-start gap-3">
|
||||
<input type="checkbox" id="terms" className="mt-1" />
|
||||
<label htmlFor="terms" className="text-sm text-white text-opacity-90">
|
||||
By clicking Connect, you agree to be contacted about our fitness programs and special offers.
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => handleFormSubmit(formData.email)}
|
||||
className="w-full px-6 py-3 bg-white text-orange-600 font-semibold rounded-lg hover:bg-gray-100 transition-colors"
|
||||
>
|
||||
Connect via WhatsApp
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
|
||||
Reference in New Issue
Block a user