mulika-local/47f2230a-b9f8-4109-a088-4b5d1a9cfc89
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Compare commits

base: mulika-local:version_5
Branches Tags
mulika-local:main mulika-local:version_16 mulika-local:version_15 mulika-local:version_14 mulika-local:version_13 mulika-local:version_12 mulika-local:version_11 mulika-local:version_10 mulika-local:version_9 mulika-local:version_8 mulika-local:version_7 mulika-local:version_5 mulika-local:version_6 mulika-local:version_4 mulika-local:version_3 mulika-local:version_2 mulika-local:version_1
..
compare: mulika-local:version_10
Branches Tags
mulika-local:version_16 mulika-local:main mulika-local:version_15 mulika-local:version_14 mulika-local:version_13 mulika-local:version_12 mulika-local:version_11 mulika-local:version_10 mulika-local:version_9 mulika-local:version_8 mulika-local:version_7 mulika-local:version_5 mulika-local:version_6 mulika-local:version_4 mulika-local:version_3 mulika-local:version_2 mulika-local:version_1

14 Commits
version_5 ... version_10

Author SHA1 Message Date
mulika-local
5ab6170a07 Update src/app/page.tsx 2025-12-24 14:35:36 +00:00
mulika-local
7c48b023c1 Update src/app/page.tsx 2025-12-24 14:33:59 +00:00
mulika-local
9689368fe7 Update src/app/layout.tsx 2025-12-24 14:33:58 +00:00
mulika-local
5881a07395 Update src/app/page.tsx 2025-12-24 14:32:32 +00:00
mulika-local
09b2c3a2bc Update src/app/layout.tsx 2025-12-24 14:32:31 +00:00
mulika-local
39df172d16 Update src/app/globals.css 2025-12-24 14:32:30 +00:00
mulika-local
119591fcfe Update src/app/page.tsx 2025-12-24 13:24:17 +00:00
mulika-local
06dc06936b Update src/app/layout.tsx 2025-12-24 13:24:16 +00:00
mulika-local
a2f9422712 Update src/app/page.tsx 2025-12-24 13:22:46 +00:00
mulika-local
c2a6462166 Update src/app/layout.tsx 2025-12-24 13:22:45 +00:00
mulika-local
66098b02e2 Update src/app/page.tsx 2025-12-24 13:09:56 +00:00
mulika-local
16303d418a Update src/app/page.tsx 2025-12-24 13:08:28 +00:00
mulika-local
fa104c1f0a Update src/app/page.tsx 2025-12-24 13:07:03 +00:00
mulika-local
814a5f4dc8 Update src/app/page.tsx 2025-12-24 13:03:34 +00:00
2 changed files with 149 additions and 83 deletions
Expand all files Collapse all files

14
src/app/globals.css
View File

@@ -4,13 +4,13 @@
/* Base units */
/* --vw is set by ThemeProvider */
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #fffef5e6;
--primary-cta: #facc15;
--secondary-cta: #1a1a1a;
--accent: #737373;
--background-accent: #737373;
--background: #ffffff;
--card: #fafafa;
--foreground: #000000;
--primary-cta: #ff0000;
--secondary-cta: #ffffff;
--accent: #e5e5e5;
--background-accent: #f5f5f5;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

218
src/app/page.tsx
View File

@@ -16,85 +16,151 @@ export default function StarWarsPage() {
secondaryButtonStyle="glass"
headingFontWeight="extrabold"
>
<div className="min-h-screen flex flex-col items-center justify-center p-8">
<div className="max-w-4xl mx-auto text-center space-y-8">
<h1 className="text-6xl font-extrabold text-gradient bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-purple-600">
STAR WARS
</h1>
<p className="text-xl text-gray-600 max-w-2xl mx-auto leading-relaxed">
Join millions of fans exploring the galaxy's greatest saga. Discover exclusive content, connect with the community, and celebrate the Force.
</p>
<div className="flex gap-4 justify-center flex-wrap">
<button className="px-8 py-3 bg-gradient-to-r from-blue-500 to-purple-600 text-white rounded-full font-semibold hover:shadow-lg transform hover:scale-105 transition-all duration-300">
Enter the Galaxy
</button>
<button className="px-8 py-3 bg-white/10 backdrop-blur-sm border border-white/20 text-gray-700 rounded-full font-semibold hover:bg-white/20 transition-all duration-300">
Join Community
</button>
</div>
</div>
<div className="mt-16 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 max-w-6xl mx-auto">
<div className="text-center p-6 bg-white/5 backdrop-blur-sm rounded-xl border border-white/10">
<div className="text-3xl font-bold text-blue-500">40+</div>
<div className="text-lg font-semibold mt-2">Years</div>
<div className="text-sm text-gray-600 mt-1">Of Star Wars storytelling</div>
</div>
<div className="text-center p-6 bg-white/5 backdrop-blur-sm rounded-xl border border-white/10">
<div className="text-3xl font-bold text-purple-500">11</div>
<div className="text-lg font-semibold mt-2">Main Films</div>
<div className="text-sm text-gray-600 mt-1">Complete Skywalker saga</div>
</div>
<div className="text-center p-6 bg-white/5 backdrop-blur-sm rounded-xl border border-white/10">
<div className="text-3xl font-bold text-blue-500">100M+</div>
<div className="text-lg font-semibold mt-2">Fans</div>
<div className="text-sm text-gray-600 mt-1">Worldwide united by Force</div>
</div>
<div className="text-center p-6 bg-white/5 backdrop-blur-sm rounded-xl border border-white/10">
<div className="text-3xl font-bold text-purple-500">∞</div>
<div className="text-lg font-semibold mt-2">Stories</div>
<div className="text-sm text-gray-600 mt-1">In expanding galaxy</div>
</div>
</div>
<div className="mt-16 max-w-4xl mx-auto">
<h2 className="text-3xl font-bold text-center mb-8">About the Universe</h2>
<div className="grid grid-cols-1 md:grid-cols-3 gap-6">
<div className="p-6 bg-white/5 backdrop-blur-sm rounded-xl border border-white/10">
<h3 className="text-xl font-semibold mb-3">The Saga</h3>
<p className="text-gray-600 text-sm leading-relaxed">
From Episode I through IX, experience the epic story of the Skywalker family and the eternal battle between light and dark sides of the Force.
</p>
</div>
<div className="p-6 bg-white/5 backdrop-blur-sm rounded-xl border border-white/10">
<h3 className="text-xl font-semibold mb-3">Expanded Universe</h3>
<p className="text-gray-600 text-sm leading-relaxed">
Venture into incredible stories beyond the main saga. Explore the Old Republic, High Republic era, and countless tales of heroes and villains.
</p>
</div>
<div className="p-6 bg-white/5 backdrop-blur-sm rounded-xl border border-white/10">
<h3 className="text-xl font-semibold mb-3">Iconic Characters</h3>
<p className="text-gray-600 text-sm leading-relaxed">
Meet legendary heroes like Luke Skywalker, Princess Leia, Han Solo, and Darth Vader who define the Star Wars legacy.
</p>
<div id="hero" data-section="hero">
<div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-blue-900 via-purple-900 to-black text-white">
<div className="text-center space-y-8 max-w-4xl mx-auto px-6">
<h1 className="text-6xl font-bold mb-6">STAR WARS</h1>
<p className="text-xl mb-8">Join millions of fans exploring the galaxy's greatest saga. Discover exclusive content, connect with the community, and celebrate the Force.</p>
<div className="grid grid-cols-1 md:grid-cols-3 gap-6 mt-12">
<div className="bg-white/10 backdrop-blur-sm rounded-lg p-6">
<div className="text-3xl font-bold">40+</div>
<div className="text-lg">Years</div>
<div className="text-sm text-gray-300">Of Star Wars storytelling</div>
</div>
<div className="bg-white/10 backdrop-blur-sm rounded-lg p-6">
<div className="text-3xl font-bold">11</div>
<div className="text-lg">Films</div>
<div className="text-sm text-gray-300">Complete Skywalker saga</div>
</div>
<div className="bg-white/10 backdrop-blur-sm rounded-lg p-6">
<div className="text-3xl font-bold">100M+</div>
<div className="text-lg">Fans</div>
<div className="text-sm text-gray-300">Worldwide united by Force</div>
</div>
</div>
</div>
</div>
<div className="mt-16 max-w-2xl mx-auto text-center">
<h2 className="text-3xl font-bold mb-4">Join the Force</h2>
<p className="text-gray-600 mb-8">
Subscribe for exclusive Star Wars news, community updates, and behind-the-scenes content.
</p>
<div className="flex flex-col sm:flex-row gap-4 max-w-md mx-auto">
<input
type="email"
placeholder="Your email"
className="flex-1 px-4 py-3 rounded-full border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500 bg-white/80 backdrop-blur-sm"
/>
<button className="px-6 py-3 bg-gradient-to-r from-blue-500 to-purple-600 text-white rounded-full font-semibold hover:shadow-lg transform hover:scale-105 transition-all duration-300">
Subscribe
</button>
</div>
<div id="metrics" data-section="metrics">
<div className="py-20 px-6">
<div className="max-w-6xl mx-auto">
<div className="text-center mb-16">
<h2 className="text-4xl font-bold mb-4">Our Galactic Impact</h2>
<p className="text-lg text-gray-600">Experience the epic saga spanning decades of storytelling</p>
</div>
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
<div className="bg-white rounded-lg shadow-lg p-8 text-center">
<img src="/placeholders/placeholder1.webp" alt="Star Wars years" className="w-16 h-16 mx-auto mb-4 rounded-full" />
<div className="text-3xl font-bold mb-2">40+</div>
<div className="text-lg font-semibold mb-2">Years</div>
<div className="text-gray-600 mb-4">Of Star Wars storytelling</div>
<div className="text-yellow-500">★★★★★ 4.8</div>
</div>
<div className="bg-white rounded-lg shadow-lg p-8 text-center">
<img src="/placeholders/placeholder1.webp" alt="Star Wars films" className="w-16 h-16 mx-auto mb-4 rounded-full" />
<div className="text-3xl font-bold mb-2">11</div>
<div className="text-lg font-semibold mb-2">Films</div>
<div className="text-gray-600 mb-4">Complete Skywalker saga</div>
<div className="text-yellow-500">★★★★★ 4.9</div>
</div>
<div className="bg-white rounded-lg shadow-lg p-8 text-center">
<img src="/placeholders/placeholder1.webp" alt="Star Wars fans" className="w-16 h-16 mx-auto mb-4 rounded-full" />
<div className="text-3xl font-bold mb-2">100M+</div>
<div className="text-lg font-semibold mb-2">Fans</div>
<div className="text-gray-600 mb-4">Worldwide united by Force</div>
<div className="text-yellow-500">★★★★☆ 4.7</div>
</div>
</div>
</div>
</div>
</div>
<div id="about" data-section="about">
<div className="py-20 px-6 bg-gray-50">
<div className="max-w-6xl mx-auto">
<div className="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
<div>
<div className="text-sm font-semibold text-blue-600 mb-4">About Us</div>
<h2 className="text-4xl font-bold mb-6">Elevate Your Experience</h2>
<p className="text-lg text-gray-600 mb-8">Experience the epic saga spanning decades of storytelling across multiple eras and universes. From Episode I through IX, experience the story of the Skywalker family and the eternal battle between light and dark sides of the Force.</p>
<button className="bg-blue-600 text-white px-8 py-3 rounded-full font-semibold hover:bg-blue-700 transition-colors">
Discover More
</button>
</div>
<div>
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766502905270-5whkj6nu.jpg" alt="Star Wars background" className="w-full h-96 object-cover rounded-lg shadow-lg" />
</div>
</div>
</div>
</div>
</div>
<div id="contact" data-section="contact">
<div className="py-20 px-6">
<div className="max-w-6xl mx-auto">
<div className="grid grid-cols-1 lg:grid-cols-2 gap-12">
<div>
<h2 className="text-4xl font-bold mb-6">Join the Force</h2>
<p className="text-lg text-gray-600 mb-8">Subscribe for exclusive Star Wars news, community updates, and behind-the-scenes content.</p>
<form className="space-y-6">
<input type="text" placeholder="Your name" required className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent" />
<input type="email" placeholder="Your email address" required className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent" />
<button type="submit" className="bg-blue-600 text-white px-8 py-3 rounded-full font-semibold hover:bg-blue-700 transition-colors">
Send Message
</button>
</form>
</div>
<div>
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766502905270-5whkj6nu.jpg" alt="Contact background" className="w-full h-96 object-cover rounded-lg shadow-lg" />
</div>
</div>
</div>
</div>
</div>
<div id="footer" data-section="footer">
<div className="bg-gray-900 text-white py-16 px-6">
<div className="max-w-6xl mx-auto">
<div className="grid grid-cols-1 md:grid-cols-4 gap-8 mb-12">
<div className="col-span-1 md:col-span-2">
<h3 className="text-2xl font-bold mb-4">STAR WARS</h3>
<p className="text-gray-400 mb-6">Join millions of Star Wars fans worldwide. Discover exclusive content, connect with the community, and celebrate the epic saga.</p>
<div className="space-y-2">
<div className="flex items-center space-x-3">
<span className="text-gray-400">📞</span>
<span>(914) 820-5734</span>
</div>
<div className="flex items-center space-x-3">
<span className="text-gray-400">📧</span>
<span>contact@starwars.com</span>
</div>
<div className="flex items-center space-x-3">
<span className="text-gray-400">📍</span>
<span>Galaxy, Universe</span>
</div>
</div>
</div>
<div>
<h4 className="text-lg font-semibold mb-4">Explore</h4>
<ul className="space-y-2">
<li><a href="#movies" className="text-gray-400 hover:text-white transition-colors">Movies</a></li>
<li><a href="#series" className="text-gray-400 hover:text-white transition-colors">Series</a></li>
<li><a href="#characters" className="text-gray-400 hover:text-white transition-colors">Characters</a></li>
</ul>
</div>
<div>
<h4 className="text-lg font-semibold mb-4">Community</h4>
<ul className="space-y-2">
<li><a href="#forums" className="text-gray-400 hover:text-white transition-colors">Forums</a></li>
<li><a href="#events" className="text-gray-400 hover:text-white transition-colors">Events</a></li>
<li><a href="#merch" className="text-gray-400 hover:text-white transition-colors">Merch</a></li>
</ul>
</div>
</div>
<div className="border-t border-gray-800 pt-8 text-center text-gray-400">
<p>&copy; 2024 STAR WARS. All rights reserved.</p>
</div>
</div>
</div>
</div>