180 lines
12 KiB
XML
180 lines
12 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
<!-- Custom Homepage Content -->
|
|
<record id="clicks2cart_homepage_v17" model="ir.ui.view">
|
|
<field name="name">Clicks2Cart Homepage</field>
|
|
<field name="type">qweb</field>
|
|
<field name="inherit_id" ref="website.homepage"/>
|
|
<field name="key">website.homepage</field>
|
|
<field name="priority" eval="1000"/>
|
|
<field name="website_id" eval="6"/>
|
|
<field name="arch" type="xml">
|
|
<xpath expr="//div[@id='wrap']" position="replace">
|
|
<div id="wrap" class="oe_structure">
|
|
<!-- Premium Hero Section -->
|
|
<section class="s_hero_premium py-0">
|
|
<div class="container py-5">
|
|
<div class="row min-vh-75 align-items-center">
|
|
<div class="col-lg-12">
|
|
<p class="hero-pre-title text-uppercase">EXPLORE THE</p>
|
|
<h1 class="display-1 fw-bold mb-4">New Arrivals</h1>
|
|
<p class="hero-desc">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout</p>
|
|
<img src="https://upload.wikimedia.org/wikipedia/commons/e/e6/Separator_flourish.svg" class="hero-separator opacity-75" alt="Separator"/>
|
|
<div class="mt-4">
|
|
<a href="/shop" class="btn btn-shop-now font-weight-bold">Shop now</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- Carousel Indicators (Visual only for now) -->
|
|
<div class="position-absolute bottom-0 end-0 p-5 mb-5 me-5 z-index-4 d-none d-lg-block">
|
|
<div class="d-flex gap-2">
|
|
<div style="width: 10px; height: 10px; border-radius: 50%; background: #000;"></div>
|
|
<div style="width: 10px; height: 10px; border-radius: 50%; border: 1px solid #000;"></div>
|
|
<div style="width: 10px; height: 10px; border-radius: 50%; border: 1px solid #000;"></div>
|
|
<div style="width: 10px; height: 10px; border-radius: 50%; border: 1px solid #000;"></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Who we are? -->
|
|
<section class="s_who_we_are bg-white">
|
|
<div class="container py-5">
|
|
<div class="who-we-are-wrapper" style="background-image: url('https://landing.engotheme.com/html/jenstore/demo/img/who.png');">
|
|
<h2 class="title">who we are ?</h2>
|
|
<p class="description px-lg-5">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
|
|
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
|
|
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
|
|
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
|
|
velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
|
|
cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
|
|
est laborum.
|
|
</p>
|
|
<div class="founder-info">
|
|
<img src="https://landing.engotheme.com/html/jenstore/demo/img/founder.png" alt="Founder Portrait" width="70" height="70"/>
|
|
<div class="details">
|
|
<h6>Lovelllo</h6>
|
|
<span>Founder</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Shop by collection -->
|
|
<section class="s_collections py-5 bg-light">
|
|
<div class="container py-4">
|
|
<div class="text-center mb-5">
|
|
<h2 class="display-5 fw-bold" style="font-family: 'Playfair Display';">Shop by collection</h2>
|
|
<p class="text-muted">Choose the perfect bouquet for any occasion</p>
|
|
</div>
|
|
<div class="row g-4">
|
|
<div class="col-md-4">
|
|
<div class="card h-100 shadow-sm border-0 rounded-4 overflow-hidden">
|
|
<img src="/theme_clicks2cart/static/src/img/flora_col.png" class="card-img-top" alt="Flora Collection"/>
|
|
<div class="card-body text-center py-4 bg-white">
|
|
<h4 class="card-title fw-bold" style="font-family: 'Playfair Display';">Flora Selection</h4>
|
|
<p class="text-muted small mb-3">Timeless classics for every day.</p>
|
|
<a href="/shop" class="btn btn-outline-dark btn-sm rounded-pill px-4">Explore</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="card h-100 shadow-sm border-0 rounded-4 overflow-hidden">
|
|
<img src="/theme_clicks2cart/static/src/img/wedding_col.png" class="card-img-top" alt="Wedding Collection"/>
|
|
<div class="card-body text-center py-4 bg-white">
|
|
<h4 class="card-title fw-bold" style="font-family: 'Playfair Display';">Wedding Dreams</h4>
|
|
<p class="text-muted small mb-3">Elegance for your perfect day.</p>
|
|
<a href="/shop" class="btn btn-outline-dark btn-sm rounded-pill px-4">Explore</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="card h-100 shadow-sm border-0 rounded-4 overflow-hidden">
|
|
<img src="/theme_clicks2cart/static/src/img/holiday_col.png" class="card-img-top" alt="Holiday Collection"/>
|
|
<div class="card-body text-center py-4 bg-white">
|
|
<h4 class="card-title fw-bold" style="font-family: 'Playfair Display';">Holiday Joy</h4>
|
|
<p class="text-muted small mb-3">Festive spirits in every bloom.</p>
|
|
<a href="/shop" class="btn btn-outline-dark btn-sm rounded-pill px-4">Explore</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Sale Banner -->
|
|
<section class="py-5">
|
|
<div class="container">
|
|
<div class="s_sale_banner p-5 shadow-sm border-0 overflow-hidden" style="background: linear-gradient(135deg, #fdf5e6 0%, #fff 100%); border-radius: 40px;">
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-6 text-center text-lg-start px-lg-5">
|
|
<p class="text-uppercase fw-bold m-0" style="color: #e6b3a3; letter-spacing: 3px;">Limited Offer</p>
|
|
<h2 class="display-3 fw-bold my-3" style="font-family: 'Playfair Display';">Sale up to 40%</h2>
|
|
<p class="lead text-muted mb-4">Don't miss out on our seasonal favorites at unbelievable prices. Only this week!</p>
|
|
<div class="d-flex justify-content-center justify-content-lg-start gap-4 mb-4">
|
|
<div class="text-center"><h3 class="fw-bold m-0">12</h3><p class="small text-muted">Days</p></div>
|
|
<div class="text-center"><h3 class="fw-bold m-0">20</h3><p class="small text-muted">Hrs</p></div>
|
|
<div class="text-center"><h3 class="fw-bold m-0">33</h3><p class="small text-muted">Mins</p></div>
|
|
<div class="text-center"><h3 class="fw-bold m-0">27</h3><p class="small text-muted">Secs</p></div>
|
|
</div>
|
|
<a href="/shop" class="btn btn-dark btn-lg rounded-pill px-5">Shop Sale</a>
|
|
</div>
|
|
<div class="col-lg-6 mt-4 mt-lg-0">
|
|
<img src="/theme_clicks2cart/static/src/img/hero_bg.png" class="img-fluid rounded-4 shadow-lg" alt="Sales Bloom"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Latest Blogs -->
|
|
<section class="py-5 bg-white">
|
|
<div class="container py-4">
|
|
<div class="text-center mb-5">
|
|
<h2 class="display-5 fw-bold" style="font-family: 'Playfair Display';">Latest Blogs</h2>
|
|
<p class="text-muted">Stories from our garden</p>
|
|
</div>
|
|
<div class="row g-4">
|
|
<div class="col-md-4">
|
|
<div class="card border-0 h-100">
|
|
<img src="/theme_clicks2cart/static/src/img/flora_col.png" class="card-img-top rounded-4 mb-3" alt="Blog 1" style="height: 250px; object-fit: cover;"/>
|
|
<div class="card-body p-0">
|
|
<p class="small text-uppercase text-muted fw-bold mb-1">Flower Care / 24 Feb 2024</p>
|
|
<h5 class="fw-bold mb-3" style="font-family: 'Playfair Display';">How to make your flowers last longer</h5>
|
|
<a href="/blog" class="text-dark fw-bold text-decoration-none border-bottom border-dark pb-1">Read More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="card border-0 h-100">
|
|
<img src="/theme_clicks2cart/static/src/img/wedding_col.png" class="card-img-top rounded-4 mb-3" alt="Blog 2" style="height: 250px; object-fit: cover;"/>
|
|
<div class="card-body p-0">
|
|
<p class="small text-uppercase text-muted fw-bold mb-1">Wedding / 18 Feb 2024</p>
|
|
<h5 class="fw-bold mb-3" style="font-family: 'Playfair Display';">Choosing the perfect bridal bouquet</h5>
|
|
<a href="/blog" class="text-dark fw-bold text-decoration-none border-bottom border-dark pb-1">Read More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="card border-0 h-100">
|
|
<img src="/theme_clicks2cart/static/src/img/holiday_col.png" class="card-img-top rounded-4 mb-3" alt="Blog 3" style="height: 250px; object-fit: cover;"/>
|
|
<div class="card-body p-0">
|
|
<p class="small text-uppercase text-muted fw-bold mb-1">Interior / 12 Feb 2024</p>
|
|
<h5 class="fw-bold mb-3" style="font-family: 'Playfair Display';">Bring the nature into your living room</h5>
|
|
<a href="/blog" class="text-dark fw-bold text-decoration-none border-bottom border-dark pb-1">Read More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</xpath>
|
|
</field>
|
|
</record>
|
|
</odoo>
|