New Initial Commit

This commit is contained in:
twotalesanimation
2025-12-09 12:04:54 +02:00
commit 6de01c13c5
350 changed files with 42032 additions and 0 deletions
@@ -0,0 +1,3 @@
<div class="announcement-bar">
<p>Free shipping on orders over R2000 | Holiday orders must be placed by Dec 15th | Happy Christmas</p>
</div>
@@ -0,0 +1,45 @@
<footer>
<div class="container">
<div class="footer-content">
<div class="footer-column">
<h4>Contact</h4>
<p>Email: info@additionaldesign.com</p>
<p>Phone: (555) 123-4567</p>
<p>Address: 123 Design Street, Creative City, ST 12345</p>
</div>
<div class="footer-column">
<h4>Quick Links</h4>
<a href="/">Home</a>
<a href="/wallpapers">Wallpapers</a>
<a href="/fabrics">Fabrics</a>
<a href="/#portfolio">Portfolio</a>
<a href="#">About Us</a>
<a href="#">Terms & Conditions</a>
<a href="#">Privacy Policy</a>
</div>
<div class="footer-column">
<h4>Follow Us</h4>
<div class="social-links">
<a href="#" target="_blank">Facebook</a>
<a href="#" target="_blank">Instagram</a>
<a href="#" target="_blank">Pinterest</a>
</div>
</div>
<div class="footer-column">
<h4>Newsletter</h4>
<p>Subscribe to stay updated on new collections and exclusive offers.</p>
<form style="display: flex; gap: 8px; margin-top: var(--spacing-sm);">
<input type="email" placeholder="Your email" style="flex: 1; padding: 8px 12px; border: 1px solid rgba(255,255,255,0.2); background-color: rgba(255,255,255,0.1); color: white; font-size: 0.9rem;">
<button type="submit" class="btn" style="padding: 8px 16px;">Subscribe</button>
</form>
</div>
</div>
<div class="footer-bottom">
<p>&copy; 2025 Additional Design. All rights reserved. Designed with care and creativity.</p>
</div>
</div>
</footer>
@@ -0,0 +1,32 @@
<header>
<div class="container">
<div class="header-content">
<div class="logo"><a href="/" style="text-decoration: none; color: inherit;">Additional Design</a></div>
<nav>
<!-- <a href="/">Home</a> -->
<a href="/wallpapers">Wallpaper</a>
<a href="/murals">Murals</a>
<a href="/fabrics">Fabrics</a>
<a href="/#portfolio">Portfolio</a>
<a href="/#projects">Projects</a>
<!-- <a href="/#shop">Decor Shop</a> -->
<a href="/#contact">Contact</a>
</nav>
<a href="{{ route('cart') }}" style="display: flex; align-items: center; gap: 0.5rem; text-decoration: none; color: inherit; font-weight: 500; position: relative;">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="9" cy="21" r="1"></circle>
<circle cx="20" cy="21" r="1"></circle>
<path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path>
</svg>
<span>Cart</span>
@if($cartCount > 0)
<span style="background: var(--accent-dark); color: white; border-radius: 50%; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; font-size: 0.75rem; font-weight: bold; position: absolute; top: -8px; right: -8px;">{{ $cartCount }}</span>
@endif
</a>
<span></span>
<span></span>
<span></span>
</button>
</div>
</div>
</header>
@@ -0,0 +1,18 @@
<a href="{{ route('product-detail', $product) }}" style="text-decoration: none; color: inherit;">
<div class="card" data-category="{{ $product->category->slug }}">
@if($product->images->count() > 0)
<img src="{{ asset('storage/' . $product->images->first()->image_path) }}" alt="{{ $product->name }}" class="card-image" style="background-size: cover; background-position: center;">
@else
<img src="{{ $product->image }}" alt="{{ $product->name }}" class="card-image" style="background-size: cover; background-position: center;">
@endif
<div class="card-content">
<div class="card-title">{{ $product->name }}</div>
<span class="card-tag">{{ $product->category->name }}</span>
<p class="card-description">{{ substr($product->description, 0, 80) }}...</p>
<div style="display: flex; justify-content: space-between; align-items: center; margin-top: 1rem;">
<!-- <span style="font-family: var(--font-serif); font-weight: 600; font-size: 1.2rem;">R{{ number_format($product->price, 2) }}</span> -->
<button class="btn btn--sm" style="pointer-events: none;">View Details</button>
</div>
</div>
</div>
</a>