Compare commits
No commits in common. "ai-dev" and "master" have entirely different histories.
@ -1,65 +0,0 @@
|
||||
|
||||
body {
|
||||
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6, .navbar-brand {
|
||||
font-family: Georgia, 'Times New Roman', Times, serif;
|
||||
}
|
||||
|
||||
.hero {
|
||||
position: relative;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
color: white;
|
||||
padding: 100px 0;
|
||||
}
|
||||
|
||||
.hero::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(10, 35, 66, 0.75); /* Dark blue overlay for readability */
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.hero .container {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
|
||||
.navbar-dark .navbar-nav .nav-link {
|
||||
color: rgba(255, 255, 255, .8);
|
||||
}
|
||||
|
||||
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.section-bg {
|
||||
background-color: #f8f9fa;
|
||||
}
|
||||
|
||||
section {
|
||||
padding: 80px 0;
|
||||
}
|
||||
|
||||
.card {
|
||||
border: none;
|
||||
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||||
}
|
||||
|
||||
.card:hover {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: 0 4px 20px rgba(0,0,0,.1);
|
||||
}
|
||||
|
||||
hr {
|
||||
opacity: 0.5;
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 82 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 80 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 111 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 63 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 37 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 275 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 222 KiB |
129
contact.php
129
contact.php
@ -1,129 +0,0 @@
|
||||
<?php
|
||||
session_start();
|
||||
$message = '';
|
||||
if (isset($_SESSION['form_message'])) {
|
||||
$message = $_SESSION['form_message'];
|
||||
unset($_SESSION['form_message']);
|
||||
}
|
||||
|
||||
if ($_SERVER["REQUEST_METHOD"] == "POST") {
|
||||
$name = strip_tags(trim($_POST["name"]));
|
||||
$email = filter_var(trim($_POST["email"]), FILTER_SANITIZE_EMAIL);
|
||||
$message_body = trim($_POST["message"]);
|
||||
|
||||
if (empty($name) || !filter_var($email, FILTER_VALIDATE_EMAIL) || empty($message_body)) {
|
||||
$_SESSION['form_message'] = '<div class="alert alert-danger" role="alert">Please fill out all fields correctly.</div>';
|
||||
} else {
|
||||
require_once 'mail/MailService.php';
|
||||
$to = getenv('MAIL_TO') ?: 'support@yourdomain.com'; // Fallback email
|
||||
$subject = "New contact from $name";
|
||||
|
||||
$res = MailService::sendContactMessage($name, $email, $message_body, $to, $subject);
|
||||
|
||||
if (!empty($res['success'])) {
|
||||
$_SESSION['form_message'] = '<div class="alert alert-success" role="alert">Thank you for your message! We will get back to you shortly.</div>';
|
||||
} else {
|
||||
$_SESSION['form_message'] = '<div class="alert alert-danger" role="alert">Sorry, something went wrong. Please try again later. Error: ' . htmlspecialchars($res['error']) . '</div>';
|
||||
}
|
||||
}
|
||||
header("Location: contact.php");
|
||||
exit;
|
||||
}
|
||||
?>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Contact Us - Tarapur Power Solutions</title>
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Georgia&family=Helvetica+Neue&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
|
||||
<meta name="description" content="Contact Tarapur Power Solutions for inquiries about our oil and fuel trading services, including LDO, HSD, and biofuels.">
|
||||
<meta name="robots" content="noindex, nofollow">
|
||||
</head>
|
||||
<body style="background-color: #FFFFFF;">
|
||||
|
||||
<header class="sticky-top">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark" style="background-color: #0A2342;">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="index.php" style="font-family: Georgia, serif; font-weight: bold;">
|
||||
<i class="bi bi-fuel-pump-fill"></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="index.php">Home</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="index.php#about">About Us</a></li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
Group Companies
|
||||
</a>
|
||||
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||||
<li><a class="dropdown-item" href="index.php#tps-petroleums">TPS Petroleums LLP</a></li>
|
||||
<li><a class="dropdown-item" href="index.php#tps-industries">TPS Industries</a></li>
|
||||
<li><a class="dropdown-item" href="index.php#bhavika-pharma">Bhavika Pharma</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link active" href="contact.php">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main class="container my-5">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<div class="card shadow-lg border-0">
|
||||
<div class="card-body p-5">
|
||||
<h1 class="card-title text-center mb-4" style="font-family: Georgia, serif; color: #0A2342;">Contact Us</h1>
|
||||
<p class="card-text text-center mb-5">We'd love to hear from you. Please fill out the form below to get in touch with our team.</p>
|
||||
|
||||
<?php echo $message; ?>
|
||||
|
||||
<div class="alert alert-warning" role="alert">
|
||||
<strong>Note:</strong> This form is for demonstration purposes. Emails are currently sent to a default address. Please set up your own SMTP details in the project's <code>.env</code> file for production use.
|
||||
</div>
|
||||
|
||||
<form action="contact.php" method="post" id="contactForm">
|
||||
<div class="mb-4">
|
||||
<label for="name" class="form-label">Full Name</label>
|
||||
<input type="text" class="form-control" id="name" name="name" required>
|
||||
</div>
|
||||
<div class="mb-4">
|
||||
<label for="email" class="form-label">Email Address</label>
|
||||
<input type="email" class="form-control" id="email" name="email" required>
|
||||
</div>
|
||||
<div class="mb-4">
|
||||
<label for="message" class="form-label">Message</label>
|
||||
<textarea class="form-control" id="message" name="message" rows="6" required></textarea>
|
||||
</div>
|
||||
<div class="d-grid">
|
||||
<button type="submit" class="btn btn-primary btn-lg" style="background-color: #2C5F2D; border-color: #2C5F2D;">Send Message</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="text-white text-center py-4 mt-auto" style="background-color: #0A2342;">
|
||||
<div class="container">
|
||||
<p>© <?php echo date("Y"); ?> Tarapur Power Solutions. All Rights Reserved.</p>
|
||||
<p>
|
||||
<a href="#" class="text-white me-2"><i class="bi bi-facebook"></i></a>
|
||||
<a href="#" class="text-white me-2"><i class="bi bi-twitter"></i></a>
|
||||
<a href="#" class="text-white"><i class="bi bi-linkedin"></i></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,42 +0,0 @@
|
||||
<?php
|
||||
function pexels_key() {
|
||||
$k = getenv('PEXELS_KEY');
|
||||
return $k && strlen($k) > 0 ? $k : 'Vc99rnmOhHhJAbgGQoKLZtsaIVfkeownoQNbTj78VemUjKh08ZYRbf18';
|
||||
}
|
||||
function pexels_get($url) {
|
||||
$ch = curl_init();
|
||||
curl_setopt_array($ch, [
|
||||
CURLOPT_URL => $url,
|
||||
CURLOPT_RETURNTRANSFER => true,
|
||||
CURLOPT_HTTPHEADER => [ 'Authorization: '. pexels_key() ],
|
||||
CURLOPT_TIMEOUT => 15,
|
||||
]);
|
||||
$resp = curl_exec($ch);
|
||||
$code = curl_getinfo($ch, CURLINFO_HTTP_CODE);
|
||||
curl_close($ch);
|
||||
if ($code >= 200 && $code < 300 && $resp) return json_decode($resp, true);
|
||||
return null;
|
||||
}
|
||||
function download_to($srcUrl, $destPath) {
|
||||
// Use a stream context to disable SSL verification for file_get_contents
|
||||
$context = stream_context_create([
|
||||
"ssl" => [
|
||||
"verify_peer" => false,
|
||||
"verify_peer_name" => false,
|
||||
],
|
||||
]);
|
||||
|
||||
$data = file_get_contents($srcUrl, false, $context);
|
||||
|
||||
if ($data === false) {
|
||||
// Optionally, log an error here
|
||||
error_log("Failed to download image from: " . $srcUrl);
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!is_dir(dirname($destPath))) {
|
||||
mkdir(dirname($destPath), 0775, true);
|
||||
}
|
||||
|
||||
return file_put_contents($destPath, $data) !== false;
|
||||
}
|
||||
491
index.php
491
index.php
@ -1,357 +1,150 @@
|
||||
<?php
|
||||
require_once 'includes/pexels.php';
|
||||
declare(strict_types=1);
|
||||
@ini_set('display_errors', '1');
|
||||
@error_reporting(E_ALL);
|
||||
@date_default_timezone_set('UTC');
|
||||
|
||||
// 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';
|
||||
}
|
||||
}
|
||||
$phpVersion = PHP_VERSION;
|
||||
$now = date('Y-m-d H:i:s');
|
||||
?>
|
||||
<!DOCTYPE html>
|
||||
<!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(); ?>">
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>New Style</title>
|
||||
<?php
|
||||
// Read project preview data from environment
|
||||
$projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? '';
|
||||
$projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
|
||||
?>
|
||||
<?php if ($projectDescription): ?>
|
||||
<!-- Meta description -->
|
||||
<meta name="description" content='<?= htmlspecialchars($projectDescription) ?>' />
|
||||
<!-- Open Graph meta tags -->
|
||||
<meta property="og:description" content="<?= htmlspecialchars($projectDescription) ?>" />
|
||||
<!-- Twitter meta tags -->
|
||||
<meta property="twitter:description" content="<?= htmlspecialchars($projectDescription) ?>" />
|
||||
<?php endif; ?>
|
||||
<?php if ($projectImageUrl): ?>
|
||||
<!-- Open Graph image -->
|
||||
<meta property="og:image" content="<?= htmlspecialchars($projectImageUrl) ?>" />
|
||||
<!-- Twitter image -->
|
||||
<meta property="twitter:image" content="<?= htmlspecialchars($projectImageUrl) ?>" />
|
||||
<?php endif; ?>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
:root {
|
||||
--bg-color-start: #6a11cb;
|
||||
--bg-color-end: #2575fc;
|
||||
--text-color: #ffffff;
|
||||
--card-bg-color: rgba(255, 255, 255, 0.01);
|
||||
--card-border-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: 'Inter', sans-serif;
|
||||
background: linear-gradient(45deg, var(--bg-color-start), var(--bg-color-end));
|
||||
color: var(--text-color);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
min-height: 100vh;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
body::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path d="M-10 10L110 10M10 -10L10 110" stroke-width="1" stroke="rgba(255,255,255,0.05)"/></svg>');
|
||||
animation: bg-pan 20s linear infinite;
|
||||
z-index: -1;
|
||||
}
|
||||
@keyframes bg-pan {
|
||||
0% { background-position: 0% 0%; }
|
||||
100% { background-position: 100% 100%; }
|
||||
}
|
||||
main {
|
||||
padding: 2rem;
|
||||
}
|
||||
.card {
|
||||
background: var(--card-bg-color);
|
||||
border: 1px solid var(--card-border-color);
|
||||
border-radius: 16px;
|
||||
padding: 2rem;
|
||||
backdrop-filter: blur(20px);
|
||||
-webkit-backdrop-filter: blur(20px);
|
||||
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.loader {
|
||||
margin: 1.25rem auto 1.25rem;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
border: 3px solid rgba(255, 255, 255, 0.25);
|
||||
border-top-color: #fff;
|
||||
border-radius: 50%;
|
||||
animation: spin 1s linear infinite;
|
||||
}
|
||||
@keyframes spin {
|
||||
from { transform: rotate(0deg); }
|
||||
to { transform: rotate(360deg); }
|
||||
}
|
||||
.hint {
|
||||
opacity: 0.9;
|
||||
}
|
||||
.sr-only {
|
||||
position: absolute;
|
||||
width: 1px; height: 1px;
|
||||
padding: 0; margin: -1px;
|
||||
overflow: hidden;
|
||||
clip: rect(0, 0, 0, 0);
|
||||
white-space: nowrap; border: 0;
|
||||
}
|
||||
h1 {
|
||||
font-size: 3rem;
|
||||
font-weight: 700;
|
||||
margin: 0 0 1rem;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
p {
|
||||
margin: 0.5rem 0;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
code {
|
||||
background: rgba(0,0,0,0.2);
|
||||
padding: 2px 6px;
|
||||
border-radius: 4px;
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
|
||||
}
|
||||
footer {
|
||||
position: absolute;
|
||||
bottom: 1rem;
|
||||
font-size: 0.8rem;
|
||||
opacity: 0.7;
|
||||
}
|
||||
</style>
|
||||
</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>
|
||||
<main>
|
||||
<div class="card">
|
||||
<h1>Analyzing your requirements and generating your website…</h1>
|
||||
<div class="loader" role="status" aria-live="polite" aria-label="Applying initial changes">
|
||||
<span class="sr-only">Loading…</span>
|
||||
</div>
|
||||
<p class="hint"><?= ($_SERVER['HTTP_HOST'] ?? '') === 'appwizzy.com' ? 'AppWizzy' : 'Flatlogic' ?> AI is collecting your requirements and applying the first changes.</p>
|
||||
<p class="hint">This page will update automatically as the plan is implemented.</p>
|
||||
<p>Runtime: PHP <code><?= htmlspecialchars($phpVersion) ?></code> — UTC <code><?= htmlspecialchars($now) ?></code></p>
|
||||
</div>
|
||||
</main>
|
||||
<footer>
|
||||
Page updated: <?= htmlspecialchars($now) ?> (UTC)
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user