357 lines
18 KiB
PHP
357 lines
18 KiB
PHP
<?php
|
||
require_once 'includes/pexels.php';
|
||
|
||
// Fetch hero image
|
||
$hero_image_url = '';
|
||
$query = 'power plant sunset';
|
||
$pexels_data = pexels_get('https://api.pexels.com/v1/search?query=' . urlencode($query) . '&per_page=1&page=1&orientation=landscape');
|
||
|
||
if ($pexels_data && !empty($pexels_data['photos'])) {
|
||
$photo = $pexels_data['photos'][0];
|
||
$src = $photo['src']['large2x'] ?? ($photo['src']['large'] ?? $photo['src']['original']);
|
||
$image_id = 'hero-' . $photo['id'];
|
||
$local_path = 'assets/images/pexels/' . $image_id . '.jpg';
|
||
|
||
if (!file_exists(__DIR__ . '/' . $local_path)) {
|
||
download_to($src, __DIR__ . '/' . $local_path);
|
||
}
|
||
$hero_image_url = $local_path;
|
||
}
|
||
|
||
// Fetch images for group companies
|
||
$company_images = [];
|
||
$company_queries = [
|
||
'TPS Petroleums LLP' => 'modern oil refinery',
|
||
'TPS Industries' => 'industrial machinery',
|
||
'Bhavika Pharma' => 'pharmaceutical manufacturing'
|
||
];
|
||
|
||
foreach ($company_queries as $name => $q) {
|
||
$data = pexels_get('https://api.pexels.com/v1/search?query=' . urlencode($q) . '&per_page=1&page=1&orientation=landscape');
|
||
if ($data && !empty($data['photos'])) {
|
||
$photo = $data['photos'][0];
|
||
$src = $photo['src']['large'] ?? $photo['src']['original'];
|
||
$image_id = 'company-' . $photo['id'];
|
||
$local_path = 'assets/images/pexels/' . $image_id . '.jpg';
|
||
|
||
if (!file_exists(__DIR__ . '/' . $local_path)) {
|
||
download_to($src, __DIR__ . '/' . $local_path);
|
||
}
|
||
$company_images[$name] = $local_path;
|
||
} else {
|
||
// Fallback image
|
||
$company_images[$name] = 'https://picsum.photos/seed/'.urlencode($name).'/600/400';
|
||
}
|
||
}
|
||
?>
|
||
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Tarapur Power Solutions - Powering Industries Since 2016</title>
|
||
<meta name="description" content="Tarapur Power Solutions is a diversified trading and solutions enterprise with its core strength in oil and fuel trading, including LDO, HSD, and biofuels.">
|
||
<meta name="keywords" content="oil trading, fuel trading, LDO, HSD, biofuels, Tarapur Power Solutions, TPS Petroleums, industrial solutions">
|
||
|
||
<!-- Bootstrap CSS -->
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
||
<!-- Bootstrap Icons -->
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
|
||
<!-- Custom CSS -->
|
||
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
|
||
</head>
|
||
<body>
|
||
|
||
<!-- Header & Navigation -->
|
||
<header>
|
||
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" style="background-color: #0A2342;">
|
||
<div class="container">
|
||
<a class="navbar-brand fs-4" href="#">
|
||
<i class="bi bi-fuel-pump-fill me-2"></i>Tarapur Power Solutions
|
||
</a>
|
||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||
<span class="navbar-toggler-icon"></span>
|
||
</button>
|
||
<div class="collapse navbar-collapse" id="navbarNav">
|
||
<ul class="navbar-nav ms-auto">
|
||
<li class="nav-item"><a class="nav-link" href="#home">Home</a></li>
|
||
<li class="nav-item"><a class="nav-link" href="#about">About Us</a></li>
|
||
<li class="nav-item"><a class="nav-link" href="#journey">Our Journey</a></li>
|
||
<li class="nav-item dropdown">
|
||
<a class="nav-link dropdown-toggle" href="#" id="groupCompaniesDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||
Group Companies
|
||
</a>
|
||
<ul class="dropdown-menu" aria-labelledby="groupCompaniesDropdown">
|
||
<li><a class="dropdown-item" href="#group-tps-petroleums">TPS Petroleums LLP</a></li>
|
||
<li><a class="dropdown-item" href="#group-tps-industries">TPS Industries</a></li>
|
||
<li><a class="dropdown-item" href="#group-bhavika-pharma">Bhavika Pharma</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="nav-item"><a class="nav-link" href="#vision-mission">Vision & Mission</a></li>
|
||
<li class="nav-item"><a class="nav-link" href="#values">Core Values</a></li>
|
||
<li class="nav-item"><a class="nav-link btn btn-outline-light ms-lg-2" href="contact.php">Contact Us</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
</header>
|
||
|
||
<main>
|
||
<!-- Hero Section -->
|
||
<section id="home" class="hero text-center py-5" style="background-image: url('<?php echo $hero_image_url; ?>');">
|
||
<div class="container">
|
||
<h1 class="display-3 fw-bold">Powering Industries with Reliable Energy Solutions</h1>
|
||
<p class="lead my-4">Your trusted partner in oil and fuel trading since 2016. We deliver quality, compliance, and value across the energy sector.</p>
|
||
<h6 class="fw-light text-white-50">The Official Website of Tarapur Power Solutions (Parent Company)</h6>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- About Us Section -->
|
||
<section id="about" class="container">
|
||
<div class="row align-items-center">
|
||
<div class="col-lg-6">
|
||
<div class="text-start mb-5">
|
||
<h2 class="display-5">About Tarapur Power Solutions</h2>
|
||
<hr class="w-25 me-auto" style="height: 3px;">
|
||
</div>
|
||
<p class="fs-5 mb-4">Founded in 2016 by Mr. Siddhesh Tare, Tarapur Power Solutions is a diversified trading and solutions enterprise with its core strength in oil and fuel trading. The company began its journey with Light Diesel Oil (LDO), catering to industrial and commercial energy requirements.</p>
|
||
<p class="fs-5">With a clear vision and strong market understanding, we have laid the foundation for steady growth in the energy sector, evolving into a broader business ecosystem with specialized subsidiaries.</p>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<img src="https://picsum.photos/seed/about-us/800/600" class="img-fluid rounded-3 shadow-lg" alt="Industrial site">
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Our Journey Section -->
|
||
<section id="journey" class="section-bg">
|
||
<div class="container">
|
||
<div class="text-center mb-5">
|
||
<h2 class="display-5">Our Journey: A Timeline of Growth</h2>
|
||
<hr class="w-25 mx-auto" style="height: 3px;">
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<ul class="timeline">
|
||
<li>
|
||
<h4>2016: The Beginning</h4>
|
||
<p>Tarapur Power Solutions is founded by Mr. Siddhesh Tare, beginning its journey with the trading of Light Diesel Oil (LDO) to meet industrial energy needs.</p>
|
||
</li>
|
||
<li>
|
||
<h4>2017-2019: Expansion & Expertise</h4>
|
||
<p>The company steadily expands its product knowledge, supply network, and client base, building a reputation for reliability and operational excellence.</p>
|
||
</li>
|
||
<li>
|
||
<h4>2020: Diversification</h4>
|
||
<p>The growth enables the establishment of three dedicated subsidiaries: TPS Petroleums LLP, TPS Industries, and Bhavika Pharma, each addressing specific market needs.</p>
|
||
</li>
|
||
<li>
|
||
<h4>Present: A Diversified Group</h4>
|
||
<p>Today, Tarapur Power Solutions stands as a trusted, multi-sector business group committed to delivering reliable energy and trading solutions.</p>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Group Companies Section -->
|
||
<section id="group-companies" class="container">
|
||
<div class="text-center mb-5">
|
||
<h2 class="display-5">Our Group Companies</h2>
|
||
<hr class="w-25 mx-auto" style="height: 3px;">
|
||
<p class="lead">Tarapur Power Solutions is the parent company of a diverse group of specialized subsidiaries.</p>
|
||
</div>
|
||
<div class="row text-center">
|
||
<div id="group-tps-petroleums" class="col-lg-4 col-md-6 mb-4">
|
||
<div class="card h-100 shadow-sm">
|
||
<img src="<?php echo $company_images['TPS Petroleums LLP']; ?>" class="card-img-top" alt="TPS Petroleums LLP">
|
||
<div class="card-body">
|
||
<h5 class="card-title fs-4"><i class="bi bi-droplet-half me-2"></i>TPS Petroleums LLP</h5>
|
||
<p class="card-text">Focused on trading and supply of petroleum products including LDO, HSD, diesel, biofuels, and related energy solutions.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="group-tps-industries" class="col-lg-4 col-md-6 mb-4">
|
||
<div class="card h-100 shadow-sm">
|
||
<img src="<?php echo $company_images['TPS Industries']; ?>" class="card-img-top" alt="TPS Industries">
|
||
<div class="card-body">
|
||
<h5 class="card-title fs-4"><i class="bi bi-tools me-2"></i>TPS Industries</h5>
|
||
<p class="card-text">Engaged in trading and allied industrial products, supporting diverse industrial requirements with quality and reliability.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="group-bhavika-pharma" class="col-lg-4 col-md-6 mb-4">
|
||
<div class="card h-100 shadow-sm">
|
||
<img src="<?php echo $company_images['Bhavika Pharma']; ?>" class="card-img-top" alt="Bhavika Pharma">
|
||
<div class="card-body">
|
||
<h5 class="card-title fs-4"><i class="bi bi-heart-pulse me-2"></i>Bhavika Pharma</h5>
|
||
<p class="card-text">Operating in the pharmaceutical segment, this subsidiary reflects our group’s diversification into regulated and high-growth sectors.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Vision & Mission Section -->
|
||
<section id="vision-mission" class="section-bg">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-6 mb-4 mb-lg-0">
|
||
<div class="text-center">
|
||
<i class="bi bi-eye-fill fs-1 text-primary"></i>
|
||
<h3 class="mt-3">Our Vision</h3>
|
||
<hr class="w-25 mx-auto">
|
||
<p class="fs-5">To build a trusted, diversified business group delivering reliable energy and trading solutions while expanding responsibly into new sectors.</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<div class="text-center">
|
||
<i class="bi bi-bullseye fs-1 text-primary"></i>
|
||
<h3 class="mt-3">Our Mission</h3>
|
||
<hr class="w-25 mx-auto">
|
||
<p class="fs-5">To provide consistent and dependable oil trading solutions, maintain transparency and quality in every transaction, and grow a multi-sector business driven by ethics and long-term value.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Core Values Section -->
|
||
<section id="values" class="container">
|
||
<div class="text-center mb-5">
|
||
<h2 class="display-5">Our Core Values</h2>
|
||
<hr class="w-25 mx-auto" style="height: 3px;">
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-4 col-md-6 mb-4">
|
||
<div class="text-center p-4">
|
||
<i class="bi bi-shield-lock-fill fs-1 text-primary"></i>
|
||
<h4 class="mt-3">Safety First</h4>
|
||
<p>We prioritize the health and safety of our employees, partners, and the communities we serve above all else. We are committed to a zero-incident workplace.</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6 mb-4">
|
||
<div class="text-center p-4">
|
||
<i class="bi bi-patch-check-fill fs-1 text-primary"></i>
|
||
<h4 class="mt-3">Unyielding Integrity</h4>
|
||
<p>We conduct our business with unwavering honesty, transparency, and ethical principles. We build trust by saying what we mean and doing what we say.</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6 mb-4">
|
||
<div class="text-center p-4">
|
||
<i class="bi bi-trophy-fill fs-1 text-primary"></i>
|
||
<h4 class="mt-3">Excellence in Execution</h4>
|
||
<p>We are committed to delivering the highest quality in every project. Our pursuit of excellence drives us to continuously improve our processes and services.</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6 mb-4">
|
||
<div class="text-center p-4">
|
||
<i class="bi bi-lightbulb-fill fs-1 text-primary"></i>
|
||
<h4 class="mt-3">Innovation for the Future</h4>
|
||
<p>We champion a culture of curiosity and creativity, leveraging cutting-edge technology to solve complex energy challenges and pioneer future solutions.</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6 mb-4">
|
||
<div class="text-center p-4">
|
||
<i class="bi bi-tree-fill fs-1 text-primary"></i>
|
||
<h4 class="mt-3">Commitment to Sustainability</h4>
|
||
<p>We are dedicated to responsible environmental stewardship, aiming to build a cleaner future by promoting efficient energy use and investing in renewables.</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6 mb-4">
|
||
<div class="text-center p-4">
|
||
<i class="bi bi-people-fill fs-1 text-primary"></i>
|
||
<h4 class="mt-3">Customer-Centric Partnership</h4>
|
||
<p>Our clients are at the heart of everything we do. We build lasting relationships by understanding their needs and providing exceptional value.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
|
||
</main>
|
||
|
||
<!-- Footer -->
|
||
<footer class="text-center py-4" style="background-color: #0A2342; color: white;">
|
||
<div class="container d-flex justify-content-between align-items-center">
|
||
<p class="mb-0">© <?php echo date('Y'); ?> Tarapur Power Solutions. All Rights Reserved.</p>
|
||
<div>
|
||
<a href="#" class="text-white me-2"><i class="bi bi-linkedin"></i></a>
|
||
<a href="#" class="text-white"><i class="bi bi-twitter-x"></i></a>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<style>
|
||
.timeline {
|
||
list-style: none;
|
||
padding: 20px 0 20px;
|
||
position: relative;
|
||
}
|
||
.timeline:before {
|
||
top: 0;
|
||
bottom: 0;
|
||
position: absolute;
|
||
content: " ";
|
||
width: 3px;
|
||
background-color: #eeeeee;
|
||
left: 50%;
|
||
margin-left: -1.5px;
|
||
}
|
||
.timeline > li {
|
||
margin-bottom: 20px;
|
||
position: relative;
|
||
}
|
||
.timeline > li:before,
|
||
.timeline > li:after {
|
||
content: " ";
|
||
display: table;
|
||
}
|
||
.timeline > li:after {
|
||
clear: both;
|
||
}
|
||
.timeline > li > .timeline-panel {
|
||
width: 45%;
|
||
float: left;
|
||
border: 1px solid #d4d4d4;
|
||
border-radius: 2px;
|
||
padding: 20px;
|
||
position: relative;
|
||
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
|
||
}
|
||
.timeline > li > .timeline-badge {
|
||
color: #fff;
|
||
width: 50px;
|
||
height: 50px;
|
||
line-height: 50px;
|
||
font-size: 1.4em;
|
||
text-align: center;
|
||
position: absolute;
|
||
top: 16px;
|
||
left: 50%;
|
||
margin-left: -25px;
|
||
background-color: #999999;
|
||
z-index: 100;
|
||
border-top-right-radius: 50%;
|
||
border-top-left-radius: 50%;
|
||
border-bottom-right-radius: 50%;
|
||
border-bottom-left-radius: 50%;
|
||
}
|
||
.timeline > li.timeline-inverted > .timeline-panel {
|
||
float: right;
|
||
}
|
||
|
||
body {
|
||
padding-top: 70px; /* Adjust for fixed navbar */
|
||
}
|
||
|
||
</style>
|
||
|
||
<!-- Bootstrap JS -->
|
||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
||
<!-- Custom JS -->
|
||
<script src="assets/js/main.js"></script>
|
||
</body>
|
||
</html>
|