feat(tncsc_deployment): complete the home page migration - missing sections + real copy
Re-extracted the raw HTML of tncsc.com's homepage (the earlier pass used a summarizing tool that dropped whole sections and paraphrased copy). The home page was missing entire sections and had shortened text throughout: - Hero was a single static banner; the real site is a 4-slide carousel (Bootstrap carousel, real headline/subhead/CTA/image per slide). - "Watch Our Story" section was missing entirely. - "Why Join TNCSC?" FAQ section (Where is TNCSC based / How can I join) was missing entirely. - The 3 program cards, the "Speak the Language" section, and the final CTA all had shortened/paraphrased copy - replaced with the real text. - About section and Upcoming Events now use the real image grids instead of a single photo each. - Final CTA copy corrected to "Be a Part of the Legacy" (was invented copy); kept the live membership-tier price strip merged into it rather than dropped, since that's real dynamic data the static site can't show. 8 more real images downloaded from tncsc.com for the carousel and events section. Verified against a live container: fresh install + module test suite (9/9 passing) + HTTP 200 with correct content on every page.
This commit is contained in:
metatroncubeswdev
parent
24be6360e2
commit
aeeb355948
BIN
addons/tncsc_deployment/static/src/img/events/about-01-1.webp
Normal file
BIN
addons/tncsc_deployment/static/src/img/events/about-01-1.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 90 KiB |
BIN
addons/tncsc_deployment/static/src/img/events/about-02-1.webp
Normal file
BIN
addons/tncsc_deployment/static/src/img/events/about-02-1.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 128 KiB |
BIN
addons/tncsc_deployment/static/src/img/events/about-03-1.webp
Normal file
BIN
addons/tncsc_deployment/static/src/img/events/about-03-1.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 114 KiB |
BIN
addons/tncsc_deployment/static/src/img/events/about-04-1.webp
Normal file
BIN
addons/tncsc_deployment/static/src/img/events/about-04-1.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 74 KiB |
BIN
addons/tncsc_deployment/static/src/img/hero/slide-1.webp
Normal file
BIN
addons/tncsc_deployment/static/src/img/hero/slide-1.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 922 KiB |
BIN
addons/tncsc_deployment/static/src/img/hero/slide-2.webp
Normal file
BIN
addons/tncsc_deployment/static/src/img/hero/slide-2.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 660 KiB |
BIN
addons/tncsc_deployment/static/src/img/hero/slide-3.webp
Normal file
BIN
addons/tncsc_deployment/static/src/img/hero/slide-3.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 80 KiB |
BIN
addons/tncsc_deployment/static/src/img/hero/slide-4.webp
Normal file
BIN
addons/tncsc_deployment/static/src/img/hero/slide-4.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 263 KiB |
@ -38,13 +38,60 @@
|
||||
<t t-name="tncsc_deployment.page_home">
|
||||
<t t-call="website.layout">
|
||||
<div id="wrap">
|
||||
<section class="pt80 pb80 text-white" style="background: linear-gradient(135deg, var(--community-primary) 0%, #10193f 100%);">
|
||||
<div class="container text-center">
|
||||
<!-- Hero: 4-slide carousel, matching tncsc.com's real slider content/order. -->
|
||||
<section id="tncscHero" class="carousel slide carousel-fade" data-bs-ride="carousel">
|
||||
<div class="carousel-indicators">
|
||||
<button type="button" data-bs-target="#tncscHero" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"/>
|
||||
<button type="button" data-bs-target="#tncscHero" data-bs-slide-to="1" aria-label="Slide 2"/>
|
||||
<button type="button" data-bs-target="#tncscHero" data-bs-slide-to="2" aria-label="Slide 3"/>
|
||||
<button type="button" data-bs-target="#tncscHero" data-bs-slide-to="3" aria-label="Slide 4"/>
|
||||
</div>
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<div class="d-flex align-items-center text-white" style="min-height: 480px; background: linear-gradient(135deg, rgba(5,9,30,0.88) 0%, rgba(16,25,63,0.82) 100%), url('/tncsc_deployment/static/src/img/hero/slide-1.webp') center/cover;">
|
||||
<div class="container text-center py-5">
|
||||
<h1 class="display-4 fw-bold">Connecting Tamil Hearts Across Canada</h1>
|
||||
<p class="lead">Join Canada's Largest Tamil Nadu Cultural Community</p>
|
||||
<a href="/membership" class="btn btn-lg me-2" style="background-color: var(--community-secondary); color: #fff;">Become a Member</a>
|
||||
<a href="/event" class="btn btn-outline-light btn-lg">Explore Events</a>
|
||||
<a href="/about" class="btn btn-lg" style="background-color: var(--community-secondary); color: #fff;">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<div class="d-flex align-items-center text-white" style="min-height: 480px; background: linear-gradient(135deg, rgba(5,9,30,0.88) 0%, rgba(16,25,63,0.82) 100%), url('/tncsc_deployment/static/src/img/hero/slide-2.webp') center/cover;">
|
||||
<div class="container text-center py-5">
|
||||
<h1 class="display-4 fw-bold">Honouring Our Roots, Growing Together</h1>
|
||||
<p class="lead">Where Tamil Culture Thrives Across Generations</p>
|
||||
<a href="/tamil-school" class="btn btn-lg" style="background-color: var(--community-secondary); color: #fff;">Explore Our Community</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<div class="d-flex align-items-center text-white" style="min-height: 480px; background: linear-gradient(135deg, rgba(5,9,30,0.88) 0%, rgba(16,25,63,0.82) 100%), url('/tncsc_deployment/static/src/img/hero/slide-3.webp') center/cover;">
|
||||
<div class="container text-center py-5">
|
||||
<h1 class="display-4 fw-bold">Celebrating 28+ Years of Culture & Connection</h1>
|
||||
<p class="lead">Canada's Home for Tamil Tradition, Unity & Pride</p>
|
||||
<a href="/event" class="btn btn-lg" style="background-color: var(--community-secondary); color: #fff;">Book Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<div class="d-flex align-items-center text-white" style="min-height: 480px; background: linear-gradient(135deg, rgba(5,9,30,0.88) 0%, rgba(16,25,63,0.82) 100%), url('/tncsc_deployment/static/src/img/hero/slide-4.webp') center/cover;">
|
||||
<div class="container text-center py-5">
|
||||
<h1 class="display-4 fw-bold">Join Canada's Tamil Cultural Heartbeat</h1>
|
||||
<p class="lead">Tradition unites, heritage shines globally.</p>
|
||||
<a href="/contact" class="btn btn-lg" style="background-color: var(--community-secondary); color: #fff;">Contact</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="carousel-control-prev" type="button" data-bs-target="#tncscHero" data-bs-slide="prev">
|
||||
<span class="carousel-control-prev-icon" aria-hidden="true"/>
|
||||
<span class="visually-hidden">Previous</span>
|
||||
</button>
|
||||
<button class="carousel-control-next" type="button" data-bs-target="#tncscHero" data-bs-slide="next">
|
||||
<span class="carousel-control-next-icon" aria-hidden="true"/>
|
||||
<span class="visually-hidden">Next</span>
|
||||
</button>
|
||||
</section>
|
||||
|
||||
<section class="pt56 pb56">
|
||||
@ -57,18 +104,28 @@
|
||||
<p>
|
||||
The Tamil Nadu Cultural Society of Canada (TNCSC) has been a cornerstone of the
|
||||
Tamil community since 1997, connecting generations of Tamil families through
|
||||
culture, education, and service. As a registered non-profit organization, TNCSC
|
||||
preserves the rich heritage of Tamil Nadu while fostering a sense of belonging
|
||||
among Tamil Canadians across provinces. From vibrant Pongal festivals to Tamil
|
||||
language schools, every initiative is a celebration of identity, resilience, and
|
||||
community spirit. With programs designed for youth, seniors, newcomers, and
|
||||
families, TNCSC continues to build a vibrant cultural bridge between Tamil
|
||||
traditions and Canadian values.
|
||||
culture, education, and service.
|
||||
</p>
|
||||
<p>
|
||||
As a registered non-profit organization, TNCSC preserves the rich heritage of
|
||||
Tamil Nadu while fostering a sense of belonging among Tamil Canadians across
|
||||
provinces. From vibrant Pongal festivals to Tamil language schools, every
|
||||
initiative is a celebration of identity, resilience, and community spirit.
|
||||
</p>
|
||||
<p>
|
||||
With programs designed for youth, seniors, newcomers, and families, TNCSC
|
||||
continues to build a vibrant cultural bridge between Tamil traditions and
|
||||
Canadian values.
|
||||
</p>
|
||||
<a href="/about" class="btn btn-outline-primary">Learn More</a>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<img src="/tncsc_deployment/static/src/img/home/about-01.webp" class="img-fluid rounded" alt="TNCSC community gathering"/>
|
||||
<div class="row g-2">
|
||||
<div class="col-6"><img src="/tncsc_deployment/static/src/img/home/about-01.webp" class="img-fluid rounded" alt="TNCSC community"/></div>
|
||||
<div class="col-6"><img src="/tncsc_deployment/static/src/img/home/about-02.webp" class="img-fluid rounded" alt="TNCSC community"/></div>
|
||||
<div class="col-6"><img src="/tncsc_deployment/static/src/img/home/about-03.webp" class="img-fluid rounded" alt="TNCSC community"/></div>
|
||||
<div class="col-6"><img src="/tncsc_deployment/static/src/img/home/about-04.webp" class="img-fluid rounded" alt="TNCSC community"/></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -76,50 +133,134 @@
|
||||
|
||||
<section class="pt56 pb56 bg-light">
|
||||
<div class="container">
|
||||
<div class="row g-4 text-center">
|
||||
<div class="col-md-4">
|
||||
<img src="/tncsc_deployment/static/src/img/home/cultural-events-icon.webp" alt="" style="height:64px;"/>
|
||||
<h4 class="mt-3">Cultural Networking Events</h4>
|
||||
<p>Build friendships and professional connections with Tamil families across Canada.</p>
|
||||
<div class="row align-items-center g-4">
|
||||
<div class="col-lg-6">
|
||||
<div class="row g-2">
|
||||
<div class="col-6"><img src="/tncsc_deployment/static/src/img/home/about-01.webp" class="img-fluid rounded" alt="TNCSC story"/></div>
|
||||
<div class="col-6"><img src="/tncsc_deployment/static/src/img/home/about-03.webp" class="img-fluid rounded mt-4" alt="TNCSC story"/></div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<img src="/tncsc_deployment/static/src/img/home/youth-mentorship.webp" alt="" style="height:64px;"/>
|
||||
<h4 class="mt-3">Youth & Career Mentorship</h4>
|
||||
<p>Programs connecting the next generation with mentors from the Tamil-Canadian community.</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<img src="/tncsc_deployment/static/src/img/home/frends-gathering.webp" alt="" style="height:64px;"/>
|
||||
<h4 class="mt-3">Festivals & Family Gatherings</h4>
|
||||
<p>From Pongal feasts to Deepavali musical nights — celebrating together, every season.</p>
|
||||
<div class="col-lg-6">
|
||||
<span class="text-uppercase fw-bold" style="color: var(--community-accent);">Watch Our Story</span>
|
||||
<h2>Proudly Celebrating Tamil Heritage in Canada</h2>
|
||||
<p class="lead">
|
||||
From Pongal Festivals to Youth Empowerment — Experience Culture That Connects
|
||||
Generations.
|
||||
</p>
|
||||
<p>
|
||||
For over 28+ years, TNCSC has brought together Tamil families from all across
|
||||
Canada to preserve, celebrate, and pass on the vibrant culture of Tamil Nadu.
|
||||
</p>
|
||||
<p>
|
||||
Through traditional festivals, language education, youth leadership, and
|
||||
community support, our organization is more than just a gathering — it's a
|
||||
living, growing cultural legacy.
|
||||
</p>
|
||||
<p class="fw-bold">Discover the heartbeat of our community.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="pt56 pb56">
|
||||
<div class="container text-center">
|
||||
<h2>Speak the Language of Your Heritage</h2>
|
||||
<p class="lead">
|
||||
Tamil classes blending traditional Tamil values with modern teaching methods —
|
||||
for children ages 4 and up.
|
||||
<div class="container">
|
||||
<div class="row g-4 text-center">
|
||||
<div class="col-md-4">
|
||||
<img src="/tncsc_deployment/static/src/img/home/cultural-events-icon.webp" alt="" style="height:64px;"/>
|
||||
<h4 class="mt-3">Cultural Networking Events</h4>
|
||||
<p>
|
||||
Connect with fellow Tamil professionals, entrepreneurs, artists, and families
|
||||
through curated meetups and celebrations that strengthen our cultural bond and
|
||||
open new doors in Canada.
|
||||
</p>
|
||||
<a href="/tamil-school" class="btn btn-primary">Start Learning Today</a>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<img src="/tncsc_deployment/static/src/img/home/youth-mentorship.webp" alt="" style="height:64px;"/>
|
||||
<h4 class="mt-3">Youth & Career Mentorship</h4>
|
||||
<p>
|
||||
Our mentorship program pairs talented students and young professionals with
|
||||
experienced Tamil-Canadian leaders who provide valuable guidance in education,
|
||||
career, leadership, and life skills.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<img src="/tncsc_deployment/static/src/img/home/frends-gathering.webp" alt="" style="height:64px;"/>
|
||||
<h4 class="mt-3">Festivals & Family Gatherings</h4>
|
||||
<p>
|
||||
From Pongal feasts to Deepavali musical nights and summer picnics, TNCSC
|
||||
events go beyond formality — they bring vibrant joy, rich culture, and true
|
||||
community spirit into every celebration.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="pt56 pb56 bg-light">
|
||||
<div class="container">
|
||||
<div class="row align-items-center g-4">
|
||||
<div class="col-lg-5">
|
||||
<span class="text-uppercase fw-bold" style="color: var(--community-accent);">Get Involved</span>
|
||||
<h2>Why Join TNCSC?</h2>
|
||||
<p class="lead">Experience Culture, Connection & Community — All Year Round.</p>
|
||||
<img src="/tncsc_deployment/static/src/img/home/hero.webp" class="img-fluid rounded d-none d-lg-block" alt="TNCSC community"/>
|
||||
</div>
|
||||
<div class="col-lg-7">
|
||||
<div class="accordion" id="tncscWhyJoin">
|
||||
<div class="accordion-item">
|
||||
<h3 class="accordion-header">
|
||||
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#tncscFaqWhere">
|
||||
Where Is TNCSC Based?
|
||||
</button>
|
||||
</h3>
|
||||
<div id="tncscFaqWhere" class="accordion-collapse collapse show" data-bs-parent="#tncscWhyJoin">
|
||||
<div class="accordion-body">
|
||||
Tamil Nadu Cultural Society of Canada — Community Centre, Ontario,
|
||||
Canada, with regional chapters across major Canadian cities.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h3 class="accordion-header">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#tncscFaqJoin">
|
||||
How Can I Join?
|
||||
</button>
|
||||
</h3>
|
||||
<div id="tncscFaqJoin" class="accordion-collapse collapse" data-bs-parent="#tncscWhyJoin">
|
||||
<div class="accordion-body">
|
||||
Membership is open year-round! Choose from annual, lifetime, or
|
||||
family plans. Join today and be part of our vibrant upcoming
|
||||
celebrations and events.
|
||||
<a href="/membership" class="d-block mt-2">See membership plans →</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<t t-set="upcoming_events" t-value="env['event.event'].sudo().search([('website_published', '=', True)], order='date_begin', limit=3)"/>
|
||||
<section class="pt56 pb56 bg-light" t-if="upcoming_events">
|
||||
<section class="pt56 pb56" t-if="upcoming_events">
|
||||
<div class="container">
|
||||
<h2 class="text-center mb-4">Upcoming Events</h2>
|
||||
<h2 class="text-center mb-4">Upcoming Events & Celebrations</h2>
|
||||
<div class="row g-2 mb-5 d-none d-md-flex">
|
||||
<div class="col-3"><img src="/tncsc_deployment/static/src/img/events/about-01-1.webp" class="img-fluid rounded" alt="TNCSC event"/></div>
|
||||
<div class="col-3"><img src="/tncsc_deployment/static/src/img/events/about-02-1.webp" class="img-fluid rounded" alt="TNCSC event"/></div>
|
||||
<div class="col-3"><img src="/tncsc_deployment/static/src/img/events/about-03-1.webp" class="img-fluid rounded" alt="TNCSC event"/></div>
|
||||
<div class="col-3"><img src="/tncsc_deployment/static/src/img/events/about-04-1.webp" class="img-fluid rounded" alt="TNCSC event"/></div>
|
||||
</div>
|
||||
<div class="row g-4">
|
||||
<t t-foreach="upcoming_events" t-as="upcoming_event">
|
||||
<div class="col-md-4">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<p class="text-uppercase small fw-bold mb-1" style="color: var(--community-accent);">Events</p>
|
||||
<h5 class="card-title" t-out="upcoming_event.name"/>
|
||||
<p class="card-text text-muted" t-out="upcoming_event.date_begin"/>
|
||||
<p class="card-text text-muted mb-1" t-field="upcoming_event.date_begin" t-options="{'widget': 'date'}"/>
|
||||
<p class="card-text" t-if="upcoming_event.address_id" t-out="upcoming_event.address_id.city"/>
|
||||
<a t-attf-href="/event/#{ slug(upcoming_event) }" class="btn btn-outline-primary btn-sm">Register</a>
|
||||
<a t-attf-href="/event/#{ slug(upcoming_event) }" class="btn btn-outline-primary btn-sm">Book Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -128,11 +269,44 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="pt56 pb56 bg-light">
|
||||
<div class="container">
|
||||
<div class="row align-items-center g-4">
|
||||
<div class="col-lg-6">
|
||||
<span class="text-uppercase fw-bold" style="color: var(--community-accent);">Language & Culture</span>
|
||||
<h2>Speak the Language of Your Heritage</h2>
|
||||
<p>At TNCSC, our mission is to pass the beauty of Tamil to every generation in Canada.</p>
|
||||
<p>
|
||||
Whether you're a parent hoping to pass on your language, a student preparing
|
||||
for cultural competitions, or a newcomer eager to connect — TNCSC offers
|
||||
welcoming, effective Tamil learning programs for all ages.
|
||||
</p>
|
||||
<p>
|
||||
Our community-led classes are designed to blend traditional Tamil values with
|
||||
modern teaching methods. From the alphabet to ancient poetry, from
|
||||
conversational Tamil to cultural idioms — we make language learning fun,
|
||||
meaningful, and rooted in real community connection.
|
||||
</p>
|
||||
<p class="fst-italic">Because to speak Tamil… is to feel Tamil.</p>
|
||||
<a href="/tamil-school" class="btn btn-primary">Start Learning Today</a>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<img src="/tncsc_deployment/static/src/img/tamil_class/tamil_class.webp" class="img-fluid rounded" alt="Tamil class"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="pt56 pb56 text-white text-center" style="background-color: var(--community-primary);">
|
||||
<div class="container">
|
||||
<h2>Join Canada's Tamil Cultural Heartbeat</h2>
|
||||
<p class="lead">Membership is open year-round! Choose from annual, lifetime, or family plans.</p>
|
||||
<div class="row justify-content-center g-3 mt-2">
|
||||
<h2>Be a Part of the Legacy</h2>
|
||||
<p class="lead" style="max-width: 720px; margin-left: auto; margin-right: auto;">
|
||||
Join the Tamil Nadu Cultural Society of Canada and help preserve Tamil heritage,
|
||||
empower youth, and bring our vibrant culture to life in every corner of Canada. Your
|
||||
support keeps our language, traditions, and community thriving.
|
||||
</p>
|
||||
<a href="/membership" class="btn btn-lg mt-2 mb-4" style="background-color: var(--community-secondary); color: #fff;">Join TNCSC Today</a>
|
||||
<div class="row justify-content-center g-3">
|
||||
<t t-foreach="env['community.membership.tier'].sudo().search([('active', '=', True)], order='sequence')" t-as="tier">
|
||||
<div class="col-6 col-md-2">
|
||||
<div class="card bg-transparent border-light text-white h-100">
|
||||
@ -144,7 +318,6 @@
|
||||
</div>
|
||||
</t>
|
||||
</div>
|
||||
<a href="/membership" class="btn btn-lg mt-3" style="background-color: var(--community-secondary); color: #fff;">Join TNCSC Today</a>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user