{config_load file="$language/lang_$language.conf" section="index"}


{yes_vars assign="YES" contents=1}
{assign var="tpl" value="/templates/yes-system/"}		



<link rel="stylesheet" type="text/css" href="{$tpl}/assets/lightbox/dist/css/lightbox.min.css">
<!--<link rel="stylesheet" type="text/css" href="{$tpl}dist/js/slick/slick.min.js">-->
<link rel="stylesheet" href="{$tpl_path}assets/css/main.css?v=06122025">

<style>
    .gtranslate_wrapper a {
        margin-right: 10px;
        display: inline-block;
    }
    .gtranslate_wrapper a:last-child {
        margin-right: 0;
    }
  * {
	box-sizing: border-box;
	margin: 0; padding: 0;
  }
  body, html {
	height: 100%;
	font-family: Arial, sans-serif;
  }
  .hero-1 {
	position: relative;
	width: 100%;
	height: 600px;
	background: url('https://syd-green-energy.com//files/images/100kw-4.jpg') no-repeat center center/cover;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	overflow: hidden;
  }
  .hero-2 {
	position: relative;
	width: 100%;
	height: 600px;
	background: url('https://syd-green-energy.com//files/images/100-2500kw%2Bbos-b-ess.jpg') no-repeat center center/cover;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	overflow: hidden;
  }
  .overlay {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background-color: rgba(19, 22, 66, 0.85);
	z-index: 1;
  }
.tech-lines {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  pointer-events: none;
  background-image:
	linear-gradient(transparent 98%, rgba(255, 255, 255, 0.07) 99%),
	linear-gradient(90deg, transparent 98%, rgba(255, 255, 255, 0.07) 99%);
  background-size: 100px 100px;
  z-index: 2;
}
  .highlight-line {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.3);
  opacity: 0;
  pointer-events: none;
  animation-name: flicker;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  z-index: 3;
}
.highlight-line.horizontal {
  width: 100%;
  height: 2px;
}
.highlight-line.vertical {
  height: 100%;
  width: 2px;
}

/* Positions for 6 horizontal lines */
.line-1  { top: 100px;  left: 0;   animation-delay: 0s;    animation-duration: 2.5s; }
.line-2  { top: 300px;  left: 0;   animation-delay: 0.1s;  animation-duration: 2.6s; }
.line-3  { top: 400px;  left: 0;   animation-delay: 0.2s;  animation-duration: 2.7s; }
.line-4  { top: 800px;  left: 0;   animation-delay: 0.3s;  animation-duration: 2.8s; }
.line-5  { top: 900px;  left: 0;   animation-delay: 0.4s;  animation-duration: 2.9s; }
.line-6  { top: 1000px;  left: 0;   animation-delay: 0.5s;  animation-duration: 3.0s; }
.line-7  { top: 1100px;  left: 0;   animation-delay: 0.6s;  animation-duration: 3.1s; }
.line-8  { top: 13000px;  left: 0;   animation-delay: 0.7s;  animation-duration: 3.2s; }
.line-9  { top: 15000px;  left: 0;   animation-delay: 0.8s;  animation-duration: 3.3s; }
.line-10 { top: 1600px; left: 0;   animation-delay: 0.9s;  animation-duration: 3.4s; }

/* Positions for 6 vertical lines */
.line-51  { top: 0; left: 100px;  animation-delay: 0.05s; animation-duration: 2.7s; }
.line-52  { top: 0; left: 200px;  animation-delay: 0.15s; animation-duration: 2.8s; }
.line-53  { top: 0; left: 500px;  animation-delay: 0.25s; animation-duration: 2.9s; }
.line-54  { top: 0; left: 700px;  animation-delay: 0.35s; animation-duration: 3.0s; }
.line-55  { top: 0; left: 800px;  animation-delay: 0.45s; animation-duration: 3.1s; }
.line-56  { top: 0; left: 1000px;  animation-delay: 0.55s; animation-duration: 3.2s; }
.line-57  { top: 0; left: 1000px;  animation-delay: 0.65s; animation-duration: 3.3s; }
.line-58  { top: 0; left: 1300px;  animation-delay: 0.75s; animation-duration: 3.4s; }
.line-59  { top: 0; left: 1400px;  animation-delay: 0.85s; animation-duration: 3.5s; }


@keyframes flicker {
  0%, 100% { opacity: 0; }
  20% { opacity: 0.7; }
  40% { opacity: 1; }
  60% { opacity: 0.5; }
  80% { opacity: 0.9; }
}
  .hero-content {
  position: relative;
  text-align: center;
  z-index: 4;
  color: white;
  overflow: visible;
}

.placeholder-img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 400px;
  height: 400px;
  max-width: 90vw;
  max-height: 90vh;
  transform: translate(-50%, -50%);
  opacity: 0.55;   /* subtle behind effect */
  z-index: 1;      /* behind text */
  pointer-events: none; /* so it doesn't block clicks */
  border-radius: 10px;
}
  
.hero-content > *:not(.placeholder-img) {
  position: relative;
  z-index: 2; /* all text and button on top of the image */
}
  .hero-content h1 {
	font-size: 3rem;
	margin-bottom: 20px;
  }
  .hero-content p {
	font-size: 1.2rem;
	margin-bottom: 30px;
  }
  .hero-content .btn {
	padding: 12px 30px;
	background-color: rgba(0, 123, 255, 0.8);
	border: none;
	color: white;
	font-size: 1rem;
	text-decoration: none;
	border-radius: 5px;
	cursor: pointer;
  }




html {
	scroll-behavior: smooth;
}

.news-title {
	font-size: 2rem;
	margin-bottom: 1rem;
}

.news-container {
	display: flex;
	gap: 2rem;
	flex-wrap: wrap;
}

.news-main {
	flex: 2;
	min-width: 300px;
}

.news-main img {
	width: 100%;
	height: auto;
	border-radius: 8px;
}

.news-main h2 {
	margin-top: 0.5rem;
	font-size: 1.5rem;
}

.news-main p {
	margin: 0.5rem 0;
	line-height: 1.6;
}

.news-sidebar {
	flex: 1;
	min-width: 200px;
}

.news-list {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding-right: 5px;
}

.news-item {
	display: flex;
	gap: 0.5rem;
	cursor: pointer;
	align-items: center;
	outline: none;
}

.news-item img {
	width: 50px;
	height: 50px;
	object-fit: cover;
	border-radius: 4px;
}

.news-item p {
	font-size: 0.9rem;
	margin: 0;
}

@media (max-width: 768px) {
	.news-container {
		flex-direction: column;
	}

	.news-sidebar {
		order: 2;
	}

	.news-main {
		order: 1;
	}
}

/* --- Main Box --- */
.promo-box {
  background-image: url("https://syd-green-energy.com//files/images/energy.jpg");
  background-size: cover;
  background-position: center;
  color: white;
  text-align: center;
  padding: 80px 20px;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  margin-top: 0px;
}


/* --- Heading --- */
.promo-box h1 {
  font-size: 3rem;
  font-weight: 800;
  margin-bottom: 40px;
  text-transform: uppercase;
  letter-spacing: 2px;
  animation: fadeDown 1s ease;
  color: #ffb300;
}

/* --- Product Row --- */
.product-row {
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
  margin-bottom: 40px;
  animation: fadeUp 1.2s ease;
}

.product {
  max-width: 280px;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  position: relative;
}

.product img {
  width: 100%;
  transition: all 0.5s ease;
  box-shadow: 0 10px 25px rgba(0,0,0,0.3);
  transform-style: preserve-3d;
}

/* --- Hover: float, glow, tilt --- */
.product:hover img {
  transform: translateY(-15px) scale(1.07) rotateX(8deg) rotateY(-3deg);
  box-shadow: 0 25px 45px rgba(255, 179, 0, 0.5);
  filter: brightness(1.15);
}

/* --- Button (styled link) --- */
.btn-m {
  display: inline-block;
  margin-top: 15px;
  background-color: #ffb300;
  color: #111;
  text-decoration: none;
  padding: 12px 28px;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.3s ease;
}

.btn-m:hover {
  background-color: #ffd24d;
  transform: translateY(-2px);
  box-shadow: 0 5px 20px rgba(255, 200, 0, 0.5);
}

/* --- Text Block --- */
.promo-text {
  max-width: 900px;
  margin: 0 auto;
  font-size: 1.2rem;
  line-height: 1.6;
  background: rgba(255,255,255,0.1);
  padding: 20px 30px;
  animation: fadeUp 1.5s ease;
  color: #ffffff;
}

/* --- Animations --- */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeDown {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* --- Responsive --- */
@media (max-width: 900px) {
  .promo-box h1 {
    font-size: 2.4rem;
  }

  .product-row {
    flex-direction: column;
    align-items: center;
  }

  .product {
    max-width: 80%;
  }

  .promo-text {
    font-size: 1rem;
  }
}

@media (max-width: 500px) {
  .promo-box {
    padding: 60px 15px;
  }

  .promo-box h1 {
    font-size: 2rem;
  }

  .btn {
    width: 100%;
  }
}

</style>

<!-- Dynamischer Modal -->

<div class="modal fade" id="modal-cnt" tabindex="-1">
	<div class="modal-dialog">
	  <div class="modal-content">
		<div class="modal-header">
		  <h5 class="modal-title">Modal title</h5>
		  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
		</div>
		<div class="modal-body">
		  <p>Modal body text goes here.</p>
		</div>
	  </div>
	</div>
  </div>


  <!-- Mobiler Modal -->

    <div class="mobile-head d-block d-lg-none">
    <div class="container">
      <div class="row">
        <div class="col"><a href="#"><img class="mw-100" src="{$tpl}img/logo.png"></a></div>
        <div class="col">
          <div class="func-mobile-menu">
            <a href="/shopping_cart.php" class="btn btn-light position-relative" style="margin-top:-4px;">
              <i class="fa-solid fa-cart-shopping"></i>
                <span class="visually-hidden">Cart</span>
            </a>
            <button class="ms-4" id="mob-nav-switch"><i class="fa-solid fa-bars"></i></button>
          </div>
        </div>
      </div>
      <ul class="list-group func-mobile-nav">
        <li class="list-group-item">
          <div class="input-group func-search">
            <form id="searchform" class="w-100" method="get" action="advanced_search_result.php" name="search">
				<div class="input-group w-100">
					<input type="search" placeholder="Produktsuche" name="keywords" class="form-control rounded" style="width:85%; height: 40px;" required="" aria-label="Search">
					<button class="input-group-text border-0" style="width:15%; height: 40px;" id="search-addon" type="submit">
						<i class="fas fa-search">
						</i>
					</button>
				</div>
			</form> 
          </div>
        </li>
		<li class="list-group-item">
			<div class="row">
				<div class="func col">
				  {if !$logoff}		
					<a href="#" class="modal-call" data-modalTitle='Log in' data-modalSize="md" data-modalCnt='{$box_LOGIN}' ><i class="fa-regular fa-user d-block m-auto text-primary text-center"></i>
					  <span class="func-desc text-center d-block">Log in</span>
					</a>
				  {else}			
				  <a href="logoff.php" class="text-center">
					  <i class="fa-solid fa-right-from-bracket d-block m-auto text-primary text-center"></i>
					  <span class="func-desc text-center d-block">Log of</span>
					</a>
				  {/if}
				  </div>
				  <div class="func col">
				  {if !$logoff}	
					<a href="#" class="modal-call" data-modalTitle='Register' data-modalSize="lg" data-modalCnt='
					  <div class="container">
						  <div class="row">
							  <div class="round-cnt col-12 col-md-12">
									<h3 class="text-primary fs-5">Register account</h3>
									<p>If you do not yet have an account, register to take advantage of all the benefits of our service.</p>
									<a href="create_account.php" class="btn btn-secondary float-end">to registration</a><div class=" clearfix"></div>
								</div>
							</div>
					  </div>'>
					  <i class="fa-solid fa-user-plus d-block m-auto text-primary text-center"></i>
					  <span class="func-desc text-center d-block">register now</span>
					</a>
				  {else}
				  <a href="account.php">
					  <i class="fa-solid fa-user d-block m-auto text-primary text-center"></i>
					  <span class="func-desc text-center d-block">Your account</span>
					</a>
				  {/if}  
				  </div>
			  </div>
		</li>
		{foreach item=module_cat from=$CATEGORIES_STRUCT} 		
					{if $module_cat.children}					
						  <ul class="submenu list-group">
							{foreach item=sub_cat from=$module_cat.children} 							
							<li class="list-group-item">
							  <a href="{$sub_cat.link}" nofollow="nofollow">{$sub_cat.categories_name}</a>
							  {if $sub_cat.children}
								<ul class="submenu list-group">
									{foreach item=final_cat from=$sub_cat.children} 	
									<li class="list-group-item">
										<a href="{$final_cat.link}" nofollow="nofollow">{$final_cat.categories_name}</a>
									</li>										
									{/foreach}						
								</ul>							 
							  {/if}
							</li>									
							{/foreach}
							</ul>													
					{/if}
		{/foreach}        
      </ul>
    </div>
  </div>

  <div class="modal fade" id="modal-price-info" tabindex="-1">
	<div class="modal-dialog">
	  <div class="modal-content">
		<div class="modal-header">
		  <h5 class="modal-title">Information on the price display</h5>
		  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
		</div>
		<div class="modal-body">
		<h2>Welcome to syd Green Energy</h3>
		<h3>B2B marketplace</h2>
		<p>We are a marketplace for companies. To be able to order from us (see prices), you must register.</p>
		<p>We will then contact you and approve your account for trading.</p>
		<p></p>
		<p><strong>If you do not have an account yet, register to take advantage of all the benefits of our service.</strong></p>
		<h3><a href="https://syd-green-energy.com/admin/create_account.php">Register now</a></h3>
		<p></p>
		<p>Yours sincerely</p>
		<p><strong>SYD Green Energy</strong></p>
		</div>
		
	  </div>
	</div>
  </div>


  <div class="modal fade" id="modal-search" tabindex="-1">
	<div class="modal-dialog">
	  <div class="modal-content">
		<div class="modal-header">
		  <h5 class="modal-title">Search</h5>
		  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
		</div>
		<div class="modal-body">
			<div class="input-group func-search">
				<form id="searchform" class="w-100" method="get" action="advanced_search_result.php" name="search">
					<div class="input-group w-100">
						<input type="search" placeholder="Productsearch" name="keywords" class="form-control rounded" style="width:85%; height: 40px;" required="" aria-label="Search">
						<button class="input-group-text border-0" style="width:15%; height: 40px;" id="search-addon" type="submit">
							<i class="fas fa-search">
							</i>
						</button>
					</div>
				</form>           
			  </div>
		</div>
	  </div>
	</div>
  </div>

<!-- Top Leiste-->
<div class="top_bar d-none d-lg-block">
	<div class="container d-flex justify-content-between">
		<div class="tb-left">                
			<ul>
				<li><a href="/Imprint-_-4.html">Imprint</a></li>
				<li><a href="/Privacy-policy-_-2.html">Privacy policy</a></li>
				<li><a href="/About-us-_-10.html">About Us</a><li>
				<li><a href="/FAQ-_-15.html">FAQ</a></li>
				<!--<li><a href="#">Cookie Richtlinien (EU)</a></li>-->
				<div class="gtranslate_wrapper">
			</ul>
		</div>
		<div class="tb-right">

			<ul>
				<li><a href="tel:004921315281122"><i class="fa-solid fa-phone"></i> +49 2131 52811-22</a></li>
				<li><a href="mailto:info@syd-green-energy.com"><i class="fa-solid fa-envelope-open"></i> info@syd-green-energy.com</a></li>
			</ul>
		</div>

	</div>
</div>


		{literal}
		<script>window.gtranslateSettings = {"default_language":"en","native_language_names":false,"detect_browser_language":false,"languages":["en","de","uk","pl","es","fr","zh-CN"],"wrapper_selector":".gtranslate_wrapper","flag_size":24}</script>
		<script src="https://cdn.gtranslate.net/widgets/latest/flags.js" defer></script>
		<script>
		window.addEventListener("load", function () {
			if (window.gtranslate && window.gtranslate.translatePage) {
				window.gtranslate.translatePage();
			}
		});
		</script>
		{/literal}

<!-- Fatty Menü -->

<div class="container  ps-0 pe-0"  id="contHolder">
	<div class="main-menu d-none d-xl-block">
		<nav class="navbar navbar-expand-lg">
			<div class="fatty">
				<div class="row">
					{foreach item=module_cat from=$CATEGORIES_STRUCT} 		
	{if $module_cat.children}						
		{foreach item=sub_cat from=$module_cat.children} 							
		<div class="col-3">
		<a class="cat-list-fatty" href="{$sub_cat.link}">
			<img style="height:80px;" src="/images/categories/{$sub_cat.categories_additional_image}">
			<span>{$sub_cat.categories_name}</span>					  											
		</a>	
		</div>
		{/foreach}
		{/if}
	{/foreach}					
				</div>
			</div>
			<div class="container-fluid">
				<a class="navbar-brand" href="#"><img src="{$tpl}img/logo.png"></a>
				<div id="navbarNav">
					<ul class="navbar-nav">
						
						<li class="nav-item dropdown">
							<a class="nav-link active" href="#">Products</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="/C+I-Solutions-_-17.html">C+I Solutions</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="/Why-Deye-Inverters-_-11.html">Why Deye</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="/Case-studie-Deye-_-14.html">Case studies</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="/Deye-ESS-Battery-_-13.html">Deye ESS</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="/Downloads-_-16.html">Downloads</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="/AI_&_Dynamic_Tariff-_-98.html">AI & Dynamic Tarriff</a>
						</li>
					</ul>					
				</div>
				<div class="func-buttons d-flex justify-content-end">
					<div class="func">
						<a href="#" data-bs-toggle="modal" data-bs-target="#modal-search"><i class="fa-solid fa-magnifying-glass"></i>
						<span class="func-desc">Search</span>
					</a>
					</div>
					{if $box_ADMIN}
					<div class="func">
					<a href="admin/start.php" target="_blank">
					<i class="fa-solid fa-user-tie"></i>
					<span class="func-desc">Admin</span>
					</a>
					</div>
					{/if}
					<div class="func">
					{if !$logoff}		
					  <a href="#" class="modal-call" data-modalTitle='Login' data-modalSize="md" data-modalCnt='{$box_LOGIN}' ><i class="fa-regular fa-user"></i>
						<span class="func-desc">Login</span>
					  </a>
					{else}			
					<a href="logoff.php">
						<i class="fa-solid fa-right-from-bracket"></i>
						<span class="func-desc">Logout</span>
					  </a>
					{/if}
					</div>
					<div class="func">						
					{if !$logoff}	
					  <a href="#" class="modal-call" data-modalTitle='Register' data-modalSize="md" data-modalCnt='
						<div class="container">
							<div class="row">
								<div class="round-cnt col-12 col-md-12">
									<h3 class="text-primary fs-5">Register account</h3>
									<p>If you do not yet have an account, register to take advantage of all the benefits of our service.</p>
									<a href="create_account.php" class="btn btn-secondary float-end">to registration</a><div class=" clearfix"></div>
								</div>
								
							  </div>
						</div>'>
						<i class="fa-solid fa-user-plus"></i>
						<span class="func-desc">Register now</span>
					  </a>
					{else}
					<a href="account.php">
						<i class="fa-solid fa-user"></i>
						<span class="func-desc">Your account</span>
					  </a>
					{/if}  
					</div>
					<div id="cart-load" class=" d-none pt-4 text-center">
						<div class="spinner-border text-white" role="status">
							<span class="visually-hidden">Loading...</span>
						  </div>	
					</div>
					<div id="cart-refresh">
					{$box_CART}
					</div>
				  </div>
				</div>
			  </div>
			  {if $navtrail}
			  <div class="navtrail">
			  {$navtrail|replace:"Startseite":"Start"|replace:"Katalog":"Catalog"}
			</div>
			{/if}
			</div>
			</div>		
	</nav>
	</div>
</div>
{if $smarty.server.REQUEST_URI == "/index.php"
	OR $smarty.server.REQUEST_URI == "/yes/index.php"
	OR $smarty.server.REQUEST_URI == "/yes/"
	OR $smarty.server.REQUEST_URI == "/"
	}
 <!-- Slider -->
 <div class="main-slider d-none d-md-block">
	<!-- EVENTSLIDER -->
	<div class="slide">
		<div class="slide-background" style="background-image: url(https://syd-green-energy.com//files/images/slider/MS-LC430-2H2%20Series.jpg);"></div>
		<div class="slide-content">
			<div class="container">
			<div class="row">
				<div class="col-2">
				</div>
				<div class="col-8 text-start">
					<h3 class="slider-subtitle text-white">Coming Soon</h3>
					<h2 class="slider-title  text-white">MS-LC430-2H2 Series</h2>
					<div class="slider-desc" >Our latest AC Battery Energy Storage System is on its way! Stay tuned for the MS-LC430-2H2 Series, designed to deliver intelligent energy management, unmatched safety, and versatile scalability.  
                        <br><br>
                        Be among the first to explore cutting-edge energy storage solutions from SYD Green Energy.</small>
					</div>
					<a href="https://syd-green-energy.com/MS-LC430-2H2-Series-EU-C-I-PV-BESS-EV-%7C-Charging-Integrated-Solution-CIS--1077.html" class="btn btn-primary  mt-3" >Explore More</a>
				</div>
				<div class="col-2">
				</div>
			</div>
		</div>
		</div>
	</div>
	<!-- Slide 1 -->
	<div class="slide">
		<div class="slide-background" style="background-image: url('{$tpl}img/slider-1.jpg');"></div>
		<div class="slide-content">
			<div class="container">
			<div class="row">
				<div class="col-4">
					<div class="circle"><img class="slider-img" src="{$tpl}img/2.png"></div>
				</div>
				<div class="col-8 text-start">
					<h3 class="slider-subtitle text-white">Your Expert for Solar Energy.</h3>
					<h2 class="slider-title  text-white" >SYD Green Energy Solutions</h2>
					<div class="slider-desc" >SYD Green Energy GmbH & Co. KG, headquartered in Germany, is an internationally operating company specializing in high-performance system solutions in the field of renewable energy. Our core focus is on supplying smart, high-quality products for energy storage, photovoltaic applications, and inverter technology to business customers around the globe. We offer high-quality solar systems tailored to your needs – from consultation to installation and beyond. Benefit from decades of expertise and a future-proof energy solution for your home or business.</div>
					<a href="/create_account.php" class="btn btn-primary  mt-3" >Register Today</a>
				</div>
			</div>
		</div>
		</div>
	</div>
	<!-- Slide 2 -->
	<div class="slide">
		<div class="slide-background" style="background-image: url('{$tpl}img/slider-2.jpg');"></div>
		<div class="slide-content">
			<div class="container">
				<div class="row">
					<div class="col-4">
						<div class="circle"><img class="slider-img" src="{$tpl}img/2.png"></div>
					</div>
				<div class="col-8 text-start">
					<h3 class="slider-subtitle text-black">Solar Systems, Accessories & Service.</h3>
					<h2 class="slider-title text-black" >Complete Solutions from One Source</h2>
					<div class="slider-desc text-black" >From solar panels to battery storage and inverters – we provide everything you need for a modern and efficient energy supply. We accompany you every step of the way with personalized support and technical know-how.
					</div>
					<a href="/Commercial%20&%20Industrial%20Solutions---27.html" class="btn btn-primary  mt-3" >learn more</a>
				</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Slide 3 -->
	<div class="slide">
		<div class="slide-background" style="background-image: url('{$tpl}img/slider-3.jpg');"></div>
		<div class="slide-content">
			<div class="container">
				<div class="row">
					<div class="col-4">
						<div class="circle"><img class="slider-img" src="{$tpl}img/2.png"></div>
					</div>
				<div class="col-8 text-start">
					<h3 class="slider-subtitle text-white">Reduce Costs. Increase Independence.</h3>
					<h2 class="slider-title  text-white" >Invest in Your Future</h2>
					<div class="slider-desc" >Solar energy reduces your electricity costs and makes you less dependent on rising energy prices. Start your journey toward greater energy independence with our customized solar solutions.
					</div>
					<a href="/Case-studie-Deye-_-14.html" class="btn btn-primary  mt-3" >learn more</a>
				</div>
				</div>
			</div>
		</div>
	</div>
</div>

<!-- Navigation -->
<!--<div class="main-slider-navigation d-none d-md-block">
	<div class="slider-thumb active" data-index="0" style="background-image: url('{$tpl}img/2.png');"></div>
	<div class="slider-thumb" data-index="1" style="background-image: url('{$tpl}img/2.png');"></div>
	<div class="slider-thumb" data-index="2" style="background-image: url('{$tpl}img/2.png');"></div>
</div>-->
<!-- Kategoriebereich -->
<div class="container cnt-start bg-white pt-5 pt-md-0">
	<header class="section-head" style="padding-top: 60px;">
		<div class="row">
			<div class="col-12 col-lg-6">
				<div class="heading-title">
					{if $YES.CONTENT.ID_45.text}
					{$YES.CONTENT.ID_45.text}
					{/if}
				</div>
			</div>
			<div class="col-12 col-lg-6">
				<div class="heading-content">
					{if $YES.CONTENT.ID_46.text}
					{$YES.CONTENT.ID_46.text}
					{/if}
				</div>
			</div>
		</div>
	</header>
	
	
	<!-- Hero -->
	
			<section class="hero-1">
			  <div class="overlay"></div>
			  <div class="tech-lines"></div>

			  <!-- Horizontal highlight lines -->
			  <div class="highlight-line horizontal line-1"></div>
			  <div class="highlight-line horizontal line-2"></div>
			  <div class="highlight-line horizontal line-3"></div>
			  <div class="highlight-line horizontal line-4"></div>
			  <div class="highlight-line horizontal line-5"></div>
			  <div class="highlight-line horizontal line-6"></div>
			  <div class="highlight-line horizontal line-7"></div>
			  <div class="highlight-line horizontal line-8"></div>
			  <div class="highlight-line horizontal line-9"></div>
			  <div class="highlight-line horizontal line-10"></div>

			  <div class="highlight-line vertical line-51"></div>
			  <div class="highlight-line vertical line-52"></div>
			  <div class="highlight-line vertical line-53"></div>
			  <div class="highlight-line vertical line-54"></div>
			  <div class="highlight-line vertical line-55"></div>
			  <div class="highlight-line vertical line-56"></div>
			  <div class="highlight-line vertical line-57"></div>
			  <div class="highlight-line vertical line-58"></div>
			  <div class="highlight-line vertical line-59"></div>
			  <div class="highlight-line vertical line-60"></div>

			  <div class="hero-content">
			  <img src="https://syd-green-energy.com//files/images/sun-40-50k.png" alt="Placeholder" class="placeholder-img" />
			  <h1 style="color: white;">SYD Green Energy</h1>
			  <p>Innovative solutions for a sustainable world.</p>
			  <a href="/create_account.php" class="btn btn-primary  mt-3" >Register Today</a>
			</div>
			</section>

	<!-- Hero -->


<div class="promo-box">
  <h1>Coming Soon</h1>

  <div class="product-row">
    <div class="product">
      <img src="https://syd-green-energy.com//files/images/SE-F5-PRO-Marketing.png" alt="Deye SE-F5-Pro">
      <a href="https://syd-green-energy.com/SE-F5-Pro-Solar-Battery-System-%7C-ESS--1074.html" target="_blank" class="btn-m">SE-F5-PRO<br>Find out More</a>
    </div>

    <div class="product">
      <img src="https://syd-green-energy.com//files/images/SE-F12-Marketing.png" alt="Deye SE-F12">
      <a href="https://syd-green-energy.com/SE-F12-Solar-Battery-System-%7C-ESS--1075.html" target="_blank" class="btn-m">SE-F12<br>Find out More</a>
    </div>

    <div class="product">
      <img src="https://syd-green-energy.com//files/images/SE-F16-Marketing.png" alt="Deye SE-F16">
      <a href="https://syd-green-energy.com/SE-F16-Solar-Battery-System-%7C-ESS--1076.html" target="_blank" class="btn-m">SE-F16<br>Find out More</a>
    </div>
  </div>

  <div class="promo-text">
    <p>
      The new <strong>Deye SE-F5-Pro, SE-F12, and SE-F16</strong> — state-of-the-art solar energy solutions engineered for performance, efficiency, and reliability. Power your future with advanced energy technology.
    </p>
  </div>
</div>



<div class="container cnt-dark pb-4" style="margin-top: 25px; margin-bottom: 25px;">
	<div class="row">
		<div class="col-12 col-lg-12">
			<div class="p-20">
				<!-- HERO / LANDING SECTION -->

					
					<div class="text-white">
					<h2 class="text-white">SYD Green Energy - The B2B Platform</h1>
					<div class="hero-subtitle">Your Premium Partner for Professional Solar Projects</div>
					<p>
					  At SYD Green Energy, we go beyond simply delivering products. 
					  As an official <strong>Platinum Partner of Deye</strong>, we provide our customers with direct access 
					  to premium hardware, global logistics solutions, and the expertise of 
					  <strong>Deye-certified specialists</strong>.
					</p>

					<ul class="hero-benefits">
					  <li><strong>Volume advantages:</strong> Better margins through pallet- and container-level pricing.</li>
					  <li><strong>Professional logistics:</strong> D2C & DSD shipping options — pallets, containers, sea, or even air.</li>
					  <li><strong>Improved liquidity:</strong> 30% deposit at order, balance only upon arrival.</li>
					  <li><strong>Expert support:</strong> System design, commissioning, troubleshooting & training by Deye specialists.</li>
					</ul>

					<p>
					  With SYD Green Energy, you don’t just purchase solar components — 
					  you gain a <strong>reliable partner</strong> for projects ranging from small commercial systems 
					  to <strong>megawatt-scale installations worldwide</strong>.
					</p>

					<div class="hero-tagline">Fast. Professional. Trustworthy.</div>
					</div>
					<div class="hero-cta">
					  <a href="https://syd-green-energy.com/create_account.php" class="btn btn-primary  mt-3" style="width: 100%">B2B Registration (Company Verification)</a>
					  <a href="/C+I-Solutions-_-17.html" class="btn btn-primary  mt-3" style="width: 100%">More about C+I Solutions</a>
					</div>

<!--
				  <div class="hero-visuals">
					<img src="placeholder-containers.jpg" alt="Container shipment with solar products">
					<img src="placeholder-project.jpg" alt="Large-scale solar installation project">
					<img src="placeholder-team.jpg" alt="Team of engineers and specialists">
				  </div>
				</div>
-->
			</div>
	</div>
</div>
</div>






	{foreach item=module_cat from=$CATEGORIES_STRUCT} 		
	{if $module_cat.children}					
	<div class="section-content">
		{foreach item=sub_cat from=$module_cat.children} 							
		<a class="cat-box position-relative" href="{$sub_cat.link}" nofollow="nofollow">
			<h3>{$sub_cat.categories_name}</h3>		
			<div class="position-absolute bottom-0 end-0">
				<img style="width:200px;" src="/images/categories/{$sub_cat.categories_additional_image}">
			</div>					  											
		</a>	
		{/foreach}
		{/if}
	{/foreach}	
	</div>	       
</div>






<!-- Intro Bereich -->
<div class="container cnt-dark pb-4">
	<div class="row">
		<div class="col-12 col-lg-12">
			<div class="p-20">
				{if $YES.CONTENT.ID_47.text}
				{$YES.CONTENT.ID_47.text}
				{/if}
				<br>
				
				<!--
				
				<div class="text-end">
				<a href="#" class="modal-call mt-5 btn btn-outline-light btn-lg" data-modalTitle='Register now' data-modalSize="md" data-modalCnt='
						<div class="container">
							<div class="row">
								<div class="round-cnt col-12 col-md-12">
									<h3 class="text-primary fs-5">Register account</h3>
									<p>If you do not yet have an account, register to take advantage of all the benefits of our service.</p>
									<a href="create_account.php" class="btn btn-primary float-end">to registration</a><div class=" clearfix"></div>
								</div>
								
							  </div>
						</div>'>
				
				Register now</a>
				</div>
				
				-->
				
			</div>
			</div>
		<div class="col-12 col-lg-12 feat-img-sec-2"><img src="https://syd-green-energy.com//files/images/information/global-maritime-shipping-routes.webp"></div>
	</div>
</div>
{/if}
<div class="container bg-white pb-5 pt-5 pt-md-0">	
	{if $smarty.server.REQUEST_URI == "/index.php"
	OR $smarty.server.REQUEST_URI == "/yes/index.php"
	OR $smarty.server.REQUEST_URI == "/yes/"
	OR $smarty.server.REQUEST_URI == "/"
	}	
	<header class="section-head">
		<div class="row">
			<div class="col-12 col-lg-6">
				<div class="heading-title">
				{if $YES.CONTENT.ID_48.text}
				{$YES.CONTENT.ID_48.text}
				{/if}
				</div>
			</div>
			<div class="col-12 col-lg-6">
				<div class="heading-content">
				{if $YES.CONTENT.ID_49.text}
				{$YES.CONTENT.ID_49.text}
				{/if}
				</div>
			</div>
		</div>
	</header>

	
	{/if}
{$main_content}

{if $smarty.server.REQUEST_URI == "/index.php"
	OR $smarty.server.REQUEST_URI == "/yes/index.php"
	OR $smarty.server.REQUEST_URI == "/yes/"
	OR $smarty.server.REQUEST_URI == "/"
	}
<div class="container <!--cnt-banner-->">

	<!--
    <div class="p-20">
    <div class="row">
        <div class="col-12 col-lg-6"></div>
        <div class="col-12 col-lg-6">
            <div class="p-20">
				{if $YES.CONTENT.ID_50.text}
				{$YES.CONTENT.ID_50.text}
				{/if}

				
				<div class="text-end">
				<a href="/FAQ-_-15.html" class="btn btn-outline-light btn-lg mt-4">FAQ</a>
				</div>
			</div>
        </div>
    </div>
    </div>
	-->
	
			
	</div>
		<div>
			<!--NEWS-->
			{if $YES.CONTENT.ID_90.text}
			{$YES.CONTENT.ID_90.text}
			{/if}
		</div>
	</div>
	
</div>
{/if}




<footer class="main-footer pb-5 pt-5">
    <div class="container text-white" style="padding-bottom: 25px;">
        <div class="row">
            <!-- Left Column -->
            <div class="col-md-4">
                <strong>SYD Green Energy GmbH &amp; Co. KG</strong><br>
                An der Gümpgesbrücke 26<br>
                41564 Kaarst<br>
                Germany<br><br>
                Tel.: <a href="tel:004921315281122">+49 2131 52811-22</a><br>
                Mail: <a href="mailto:info@syd-green-energy.com">info@syd-green-energy.com</a><br>
                Internet: <a href="https://www.syd-green-energy.com" target="_blank">www.syd-green-energy.com</a><br><br>
                <a href="/Imprint-_-4.html">Imprint</a> | <a href="Privacy-policy-_-2.html">Privacy policy</a> | <a href="/Our-GTC-_-3.html">Our GTC</a><br><br>
            </div>

            <!-- Middle Column -->
            <div class="col-md-4">
                <h6><strong>Quick Links</strong></h6>
                <ul class="list-unstyled">
                    <li><a href="https://syd-green-energy.com/About-us-_-10.html">About us</a></li>
                    <li><a href="https://syd-green-energy.com/Why-Deye-Inverters-_-11.html">Why Deye</a></li>
					<li><a href="https://syd-green-energy.com//C+I-Solutions-_-17.html">C+I Solutions</a></li>
                    <li><a href="https://syd-green-energy.com/Case-studie-Deye-_-14.html">Case studies</a></li>
                    <li><a href="https://syd-green-energy.com/Deye-ESS-Battery-_-13.html">Deye ESS</a></li>
                    <li><a href="https://syd-green-energy.com/FAQ-_-15.html">FAQ</a></li>
					<!--<li><a href="https://syd-green-energy.com/Price-List-_-17.html">Price List</a></li>-->
                </ul>
            </div>

            <!-- Right Column -->
            <div class="col-md-4">
                <h6><strong>Account &amp; Info</strong></h6>
                <ul class="list-unstyled">
					<li><a href="https://syd-green-energy.com/Shipping-_-19.html">Shipping & Delivery Information</a></li>
                    <li><a href="https://syd-green-energy.com/Downloads-_-16.html">Certificates</a></li>
                    <li><a href="https://syd-green-energy.com/account.php">Your account</a></li>
                    <li><a href="https://syd-green-energy.com/shopping_cart.php">Shopping cart</a></li>
                    <li><a href="https://syd-green-energy.com/logoff.php">Logout</a></li>
                </ul>
            </div>
        </div>
    </div>
</footer>


<div class="float-end" style="font-size: 10px;"><a href="https://yes-system.de" target="_blank">YES-System - ERP Software für den Onlinehandel</a></div>


<!-- Script einbindung -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="{$tpl}dist/js/bootstrap.bundle.min.js"></script>    
<!--<script src="{$tpl}dist/js/slick/slick.min.js"></script>-->
<script src="{$tpl}assets/lightbox/dist/js/lightbox.min.js"></script>
<script src="{$tpl}dist/js/script.js"></script>




<!-- Yes-System - Das Ecommerce ERP System für Onlinehändler aus Hamburg - https://yes-system.de -->