{"id":325,"date":"2026-06-30T09:23:19","date_gmt":"2026-06-30T09:23:19","guid":{"rendered":"https:\/\/noorinterior.site\/?page_id=325"},"modified":"2026-06-30T09:23:19","modified_gmt":"2026-06-30T09:23:19","slug":"page","status":"publish","type":"page","link":"https:\/\/noorinterior.site\/?page_id=325","title":{"rendered":"PAGE"},"content":{"rendered":"\n<pre class=\"wp-block-code\"><code>You are an award-winning UI\/UX Designer and Senior Frontend Developer.\n\nYour task is to create a premium landing page for TTGA (Thejo Tega Global Alliance).\n\nGenerate the COMPLETE landing page using ONLY HTML, CSS, and Vanilla JavaScript.\n\nDo NOT use React, Tailwind CSS, Bootstrap, jQuery, or any external frameworks.\n\nThe output must be a SINGLE HTML file with CSS inside &lt;style> and JavaScript inside &lt;script>.\n\nReturn ONLY the HTML code. Do not explain anything.\n\n======================================================\nABOUT TTGA\n======================================================\n\nTTGA is a leading industrial engineering company providing:\n\n\u2022 Conveyor Systems\n\u2022 Conveyor Components\n\u2022 Material Handling Solutions\n\u2022 Wear Protection Solutions\n\u2022 Engineering Services\n\nIndustries Served:\n\n\u2022 Mining\n\u2022 Cement\n\u2022 Steel\n\u2022 Power\n\u2022 Infrastructure\n\nThe website should communicate:\n\nEngineering Excellence\nInnovation\nPrecision\nGlobal Scale\nTrust\nIndustrial Leadership\n\n======================================================\nDESIGN DIRECTION\n======================================================\n\nI DO NOT want a traditional engineering website.\n\nI want a clean, modern, light-themed, premium experience.\n\nThe website should feel inspired by:\n\n\u2022 Apple\n\u2022 Vercel\n\u2022 Linear\n\u2022 Stripe\n\u2022 Rivian\n\u2022 Notion\n\nImagine if Apple designed a website for an industrial engineering company.\n\nThe design must feel:\n\nElegant\n\nMinimal\n\nPremium\n\nEditorial\n\nSpacious\n\nModern\n\nLuxury\n\nConfident\n\n======================================================\nCOLOR PALETTE\n======================================================\n\nBackground:\n#FFFFFF\n\nAlternate Sections:\n#F8F9FA\n\nText:\n#1A1A1A\n\nSecondary Text:\n#666666\n\nAccent:\n#F58220\n\nBorders:\n#ECECEC\n\nUse plenty of whitespace.\n\nAvoid dark backgrounds.\n\nAvoid heavy gradients.\n\nAvoid excessive shadows.\n\n======================================================\nTYPOGRAPHY\n======================================================\n\nUse Google Font:\n\nManrope\n\nUse large typography.\n\nHero heading:\n64px\n\nSection heading:\n42px\n\nBody:\n18px\n\nLarge spacing between sections.\n\n======================================================\nHEADER\n======================================================\n\nSticky navigation.\n\nWhite background.\n\nMinimal logo.\n\nMenu:\n\nAbout\n\nIndustries\n\nSolutions\n\nProjects\n\nContact\n\nOrange button:\n\nGet in Touch\n\n======================================================\nHERO SECTION\n======================================================\n\nModern split layout.\n\nLeft side:\n\nLarge heading\n\nEngineering Movement That Powers Industries.\n\nShort paragraph.\n\nPrimary CTA\n\nSecondary CTA\n\nRight side:\n\nLarge premium industrial image.\n\nAdd subtle floating animation.\n\nInclude a small badge saying:\n\nTrusted Engineering Partner\n\n======================================================\nABOUT SECTION\n======================================================\n\nMinimal two-column layout.\n\nLarge heading.\n\nShort description.\n\nThree premium cards:\n\nEngineering Excellence\n\nGlobal Reach\n\nInnovation\n\n======================================================\nINDUSTRIES\n======================================================\n\nCreate six elegant cards.\n\nMining\n\nSteel\n\nCement\n\nPower\n\nInfrastructure\n\nMaterial Handling\n\nEach card should contain:\n\nImage\n\nTitle\n\nDescription\n\nMinimal icon\n\nHover animation\n\n======================================================\nWHY TTGA\n======================================================\n\nTwo-column layout.\n\nLarge image.\n\nChecklist.\n\nPremium Engineering\n\nCustom Solutions\n\nReliable Performance\n\nExperienced Team\n\nGlobal Standards\n\n======================================================\nPROJECTS\n======================================================\n\nThree premium project cards.\n\nLarge images.\n\nHover zoom.\n\nMinimal text.\n\n======================================================\nSTATISTICS\n======================================================\n\nFour animated counters.\n\nYears of Experience\n\nProjects Completed\n\nCountries Served\n\nIndustrial Clients\n\n======================================================\nCALL TO ACTION\n======================================================\n\nLarge clean section.\n\nHeadline:\n\nLet's Build the Future of Industrial Engineering\n\nOrange CTA button.\n\n======================================================\nFOOTER\n======================================================\n\nSimple premium footer.\n\nCompany information.\n\nNavigation.\n\nContact.\n\nSocial icons.\n\n======================================================\nANIMATIONS\n======================================================\n\nUse elegant animations only.\n\nFade in on scroll.\n\nSlide up.\n\nHover lift.\n\nButton hover.\n\nSmooth scrolling.\n\nFloating hero image.\n\nAnimated counters.\n\nSticky navbar.\n\nEverything should feel smooth and premium.\n\n======================================================\nRESPONSIVE\n======================================================\n\nFully responsive.\n\nDesktop\n\nTablet\n\nMobile\n\n======================================================\nIMPORTANT\n======================================================\n\nThe design should NOT look like a typical engineering company.\n\nIt should look like an award-winning modern corporate website.\n\nUse lots of whitespace.\n\nKeep layouts clean.\n\nUse premium proportions.\n\nMake every section visually different.\n\nWrite clean, organized HTML with comments for each section.\n\nReturn ONLY the complete HTML code.<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-325","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/noorinterior.site\/index.php?rest_route=\/wp\/v2\/pages\/325","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/noorinterior.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/noorinterior.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/noorinterior.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/noorinterior.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=325"}],"version-history":[{"count":1,"href":"https:\/\/noorinterior.site\/index.php?rest_route=\/wp\/v2\/pages\/325\/revisions"}],"predecessor-version":[{"id":326,"href":"https:\/\/noorinterior.site\/index.php?rest_route=\/wp\/v2\/pages\/325\/revisions\/326"}],"wp:attachment":[{"href":"https:\/\/noorinterior.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}